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Fresh new tutorials, tips 
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every Photoshop user 


Every new feature tested 
First ever PS7 tutorial 


ar 


he definitive guide to art, design and technology 


r 


ts 


£1999 


FULL PRODUCT: 1250 Photoshop filters in this 
massi urce - duse 


PC & Mac 


Ox: issue wit 
e:: ROM for PC & Mac Rie 


ecia 


eo www.comp 


Photoshop 
techniques 


Animating in Photoshop 
3D textures made easy 
50 tips on Web graphics 


So 


wo 


€0 


; 
le 


woo-aAneeiiayndwios MMM « QF 2.19 PUL YF) 8p @PISING - UONPe WN 


k 


O€ aNSSI 


93 2002 


from £99.99 


MONTH 


RedHat Linux is the industry 


standard operating system for 

web hosting & Internet services, 
serving some of the world's 
largest & most complex web 
sites. RedHat Linux has the 
power, reliability & value for 


money you have been looking for. 


Linux Special 


Celeron 667 MHz, 20GB UltraDMA Disk, 
128MB SDRAM, 5GB Bandwidth p.m 
RedHat Linux 0S 


Linux Professional 


Intel Pentium {Il 800MHz, 2x206B 
UltraDMA Disks, 256MB SDRAM, 
15GB Bandwidth p.m 
RedHat Linux 0S 


Linux Ultra II 


Dual Intel Pentium Ill 1GHz, 2x18GB 
SCSI Disks running RAID], 512MB 
SDRAM, 35GB Bandwidth p.m 
RedHat Linux 0S 


www. dedicated-servers.co.u 


from £199.99 


Microsoft Windows i is the choice 
of many small businesses & 
large corporations. Ideal for 
MSCPs, MCSEs, Visual Basic 
programmers & projects that 
require ASP SQL or Office 

components. We manage 
hundreds of Windows servers, 
giving you confidence that your 
web server is in the best hands. 


Windows Special 


Celeron 667MHz, 20GB UltraDMA Disk, 
128MB SDRAM, 5GB Bandwidth p.m., 
Windows 2000 or NT4 


Windows Professional 


Intel Pentium Ill 800MHz, 2x20GB 
UltraDMA Disks, 256MB SDRAM 
15GB Bandwidth p.m 
Windows 2000 or NT4 


Windows Ultra II 


Dual Intel Pentium Ill 1GHz, 2x18GB 
SCSI Disks running RAIDI, 512MB 
SDRAM, 35GB Bandwidth p.m 
Windows 2000 or NT4 


from. £99. 99 


The Single Sit Serie | is as easy 
to use as a virtual server, including 
all the features you are familiar 
with, but on a standalone 
dedicated web server that gives 
you the speed, scalability & 
redundancy that you have 
dreamed of. 


Single Site Special 
Celeron 667MHz, 20GB UliraDMA Disk, 


128MB SDRAM, 5GB Bandwidth p.m 
Linux OS with Virtual Control Panel 


Single Site Professional 


Intel Pentium {Il 800MHZ, 2x20GB 
UltraDMA Disks, 256MB SDRAM 
15GB Bandwidth p.m 
Linux OS with Virtual Control Panel 


ingle Site Ultra Il 


Dual Intel Pentium Ill 1GHz, 2x18GB 
SCSI Disks running RAID], 512MB 
SDRAM, 35GB Bandwidth p.m 
Linux OS with Virtual Conirel Pasi 


from £99.99 


MONTH 
The original '‘Web-in-a-box' 
solution for thousands of 
companies. Easy to use & 
easy fo manage with the 
highest dedicated support level 
available. As a Cobalt True Blue 
Diamond partner, our customers 
benefit from the lowest prices, 
advanced sales literature & 
technical expertise. 


RaQ 4 128 


10.2GB Disk 
128MB SDRAM 
56GB Bandwidth p.m 
Cobalt Linux 0S 


RaQ 4 256 


20.4GB Disk 
256MB SDRAM 
15GB Bandwidth p.m 
Cobalt Linux 05 


RAID RaQ 4 256 


2x206B Disks running RAID 
256MB SDRAM 
25GB Bandwidth p.m 
Cobalt Linux 0S 


sales@dedicated-servers.co.u 


When it comes to server reliability 
& performance, Sun Microsystems 
is the market leader. Sun servers 
are built around the Sun Solaris 
operating system & are ideal for 
customers who need a seriously 
heavy duty UNIX system. Sun 
Servers are also ideal for hosting 
demanding web sites, e-commerce 
enabled web shops, complex 
databases or Internet portals. 


Sun Netra XI 128 


Sun Netra X1 System, 400MHz 
UltraSPARC CPU, 20GB 7200RPM 
EIDE Disk, 128MB Memory DIMMS, 

Solaris 8 Installed, 15GB Bandwidth p.m. 


Sun Netra X1 512 


Sun Netra X1 System, 400MHz 
UltraSPARC CPU, 20GB 7200RPM 
EIDE Disk, 512MB Memory DIMMS, 

Solaris 8 Installed, 25GB Bandwidth p.m. 


Sun Netra 


Sun Netra Tl Server, 440MHz 
UliraSPARCH CPU with 2MB External 
Cache, 18GB 10000RPM UltraSCSI Disk, 
512MB Memory, Solaris 7 Installed, 
356B Bandwidth p.m 


Locate your servers in our state 
of the art Data Centre. Simply 
choose between space for one 
server, a half rack or full rack 
of server space. We provide 
competitive bandwidth pricing, 
free reboots and an SLA. 


Co-location Special 


Rack space for your minitower 
or 19" rack server, 2 IP addresses, 
568 Bandwidth p.m 


Co-location Professional 


Half rack/20 Us of 19" rack server 
space, 15 100Mb Switch Ports / 
15 Power Sockets, up to 30 IP 
addresses, 40GB Bandwidth p.m 


Co-location Ultra 


Full rack/40 Us of 19" rack server 
space, 23 100Mb Switch Ports / 
23 Power Sockets, up to 60 IP 
addresses, 65GB Bandwidth p.m 
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PLUS PACKAGE 


For a complete solution to your Web peje: | requirements, consider the benefits of adding the 
Plus package to your Dedicated Server. Available across all our Dedicated Servers, the Plus package 
offers outstanding value for money and total peace of mind 


Firewall 

The Dedicated Servers Firewall “feces allows customers to protect their machine against unwanted 
visitors. Via a web based control panel, you have the ability to allow or deny visitors based on rules 
that you set. You can add any number of rules that you wish to your Firewall system 


Backup 

An important decision when choosing your Dedicated Server is considering how you will back up the 
data on your new machine. Even though we use the best hardware that is available for all our servers, 
disks can occasionally fail, and in some cases the data on them may be lost. We strongly recommend 
our backup solutions using StorageTek tape libraries. This service includes: configuration of server side 
backup routine, 10GB of Bacay tapes stored securely on site in o large fireproof safe, and free 
recovery of data in the event of data loss 


Advanced server monitoring 

For customers who require a more advanced level of server monitoring, upgrade to our Advanced 

Server Management product. This product allows you to monitor any bef of services on your server 
including: Tele POP3 EMail, Web Server, FIP Server, Domain Name Server, Secure Web Server, SSH, 
Ping. You may also configure any number of additional services and decide how you want to be notified 
of a service failure, either EMail or SMS. Control this account feature in your Dedicated Control Panel 


Available as standard with all our Dedicated Servers is our guranteed Service Level Agreement (SLA). 


We pride ourselves on the highest levels of customer service & quality assurance, which is highlighted 
in four benefits of our SLA 


30 Minute Reboot Guarantee 
Should your server stop responding, just visit our web based reboot request 
form to gel your server rebooted, within 30 minutes, 24/7, 365 days a year. 


99% Connectivity - Money Back Guarantee 
We guarantee that our network will be available at least 99% of the time 


Prices Frozen - Forever! 
We guarantee never to put your prices up, ever, even if prices change for new customers 


Bandwidth Guarantee 

Unlike some of our competitors, we do not oversell bandwidth. At Dedicated Servers we guarantee that 
we have 1:1 contention ratio on bandwidth. This means that we will always have pl bandwidth 
to service every single customer at their full capacity 
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Version 7 is upon us — we take an in-depth look at what it has to offer... 


| Price = 


~ £528 (upgrade) £116 
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Features ] 
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* Complete image-editing toolset 
¢ Web graphics and animation 

° File browser 

* Tool presets 

* Customisable workspaces 

¢ Auto-colour correction 

* Healing tool 

* Patch tool 

* Improved Liquify filter 

¢ Pattern maker filter 


¢ Natural media-like brushes 


System 


PC: Pentium * 128MB RAM ¢ Win 
98/ME/2000/NT 4 with sp6/XP 


Mac: PowerPC * 128MB RAM 
© OS 9.1/OS X 10.1 


Photoshop 


hotoshop is an application 
( at the heart of any digital 

artist’s toolkit. In fact, we'd 

hazard a guess that there's 
not a graphic designer, photographer or 
illustrator on this planet that hasn't used 
the application in some way or another. 
Building up a reputation as a rock- 
solid, complete image-editing solution, 
Photoshop has well and truly cornered 
the image-editing market. 

With every new release of the 
program, there promises to be 
something new and exciting thrown into 
the equation — normally a combination 
of users’ requests and Adobe initiative. 
The hype surrounding version 7 has 
mainly concentrated on the fact that 
Photoshop is now available for Mac OS 
X 10.1. This is, of course, massive news 
for Mac-based designers — Photoshop 
(along with QuarkXPress) is almost 
certainly the application that designers 


© Photoshop 
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One of the major additions to /mageReady 7is the new Rollover palette, enabling you to view all the 
animations, image maps, slices and rollovers in your graphics at the same time. 


are waiting for to be ported to OS X, so 
they can ditch OS 9 completely and, 
amongst other things, make full use of 
the protected memory functionality of 
Apple's new operating system. It must 
be said that Photoshop looks great and 
runs particularly well in OS 10.1. After 


The Liquify filter has had a complete makeover, with users now able to see background layers and save meshes. 


weeks of intensely using the app, it is 
yet to crash (how many OS 9 Photoshop 
users can say that?). It will, of course, 
also run on OS 9.1 and Windows 98, NT 
4, ME, 2000 or XP 

Operating systems aside, a good 
amount of new features have been 
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The Healing tool 


Correct blemishes and disguise wrinkles with one of the most innovative additions to Photoshop 7... 


a What we're aiming to do here is 


remove minor blemishes and wrinkles 


for that magazine cover look. Select the 
Healing Brush tool from the toolbar or 


simply hit J on your keyboard. Select a hard- 


edged brush from the Tool Options bar. 


added to the application in version 7. 
We couldn't possibly say that every 
feature will be of use to the creative 
professional — some seem more aimed 
towards the digital camera enthusiast. 
There's a real mix on offer, from 
fantastic additions that Photoshop 
users will gasp in awe at, and 

others that may have you laughing in 
jest. Nevertheless, all go a long way to 
making the program a more versatile 
and competent tool. 


Same old Photoshop? 


The changes to the interface in 
Photoshop 6 were well-received. 
For the first time, a context-sensitive 


2 | Start by selecting a source point. Here, 
we've selected a point on the model's 
forehead as it's reasonably free from 
blemishes. Option-click (Alt-click on a PC) 
to set a source point and begin using the 
tool to clone over blemishes. You'll notice 
that the Healing tool doesn’t match up the 


shadows and so on until you've released the 


mouse button. 


options bar is introduced, offering the 
ability to adjust tool settings including 
brush sizes, gradient fills, marquee 
aspect ratios and more in one place. 
Aside from this, the interface was left 
very much alone (with the exception 
of the disappearance of the Brushes 
palette). It’s a fact that the Photoshop 
interface is one of the most respected 
in the industry, mainly for its out and 
out simplicity as well as its powerful 
feature set. Adobe knows this, and 
that’s why with Photoshop 7, the 
company has hardly touched the 
interface. There is one exception, 
though, but a minor one. Adobe has 
decided that we now need colourful 
glowing icons in the main toolbox. 


Photoshop 7 can hook up to Adobe's brand new 
dynamic image server software, A/tercast... 


Altercastis still a mystery to many Web 
designers. Basically, this very different 
tool (compared to the company’s other 


products anyhow) from Adobe enables you 


to link up Photoshop's PSD images to a 
database or content management system. 
Then, using Altercast and variables within 
the PSD file (image dimensions, text 
content, layer visibility and so on), 
programmers can write scripts that 
automatically generate variations of the 
PSD file. Simply put, you can now create 


many different versions of an image ina 
short amount of time (as long as you have 
a programmer handy that is). 

The same goes for ImageReady 7. 
Developers create programming scripts, 
designers create variables and Altercast 
handles the rest. The Altercast image 
server isn't cheap, though. You'll pay $7500 
for a single processor licence, going up to 


$60,000 for enterprise applications. 


Image file formats supported are PSD, 
JPEG, PNG, GIF WBMP TIFF and SVG. 


Continue working on the image. You 

may have to zoom in pretty close and 
choose a smaller brush diameter to work on 
the wrinkles around the eyes and nose. 


This makes the toolbox appear slightly 
larger than before, with the icons 
themselves also being a little clunky 
(on Windows and Mac OS 9 that is). It's 
not a big change or one for any real 
concern, but one that Photoshop 
aficionados everywhere will 
immediately notice. 

In terms of new tools added to 
the toolbox, there's only one obvious 


The Healing tool works in the same 


Here's a before and after shot — 

we also performed a bit of colour 
correction on the image. The whole process 
was completed in around five minutes. As 
you can see, it's easy to get professional- 
looking results in no time at all. 


addition: the Healing tool. A strange 
name for a Photoshop tool, but 
certainly an inspired one. The Healing 
tool works in the same way as the 
standard Clone tool, but with one huge 
difference. The tool preserves shading, 
texture, tone and so on when cloning 
from a source point. This may sound 

a touch gimmicky, but to the digital 
artist or photographer who works with 


way as the Clone tool, but it 


preserves shading, texture and tone 


Photoshop 7's new natural media-like brushes form one of the biggest additions to the package — 
the new revamped Brushes palette enabling you to specify brush dynamics such as Size jitter. 
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Photoshop 


photographs that need blemishes and 
the like removing quickly, this will 
be a godsend. The tool is unlike any 
other we've seen before, as it makes 
correcting images accurately 
completely idiot-proof. No longer will 
you get the smeary effect when using 
the Cloning stamp, because Photoshop 
does an extremely good job of blending 
the cloned area in with the new one — 
only under extremely close inspection 
can you tell that the image has been 
doctored at all (bear in mind, though, 
that it’s best to use a hard-edged 
brush). The tool can be used to clone 
across multiple layers or even multiple 
images. This means that if you have an 
extremely scratched or damaged 
image, you can open up a similar image 
and take a clone source point from that. 
Photoshop will do the magic and 
correct the shadows, texture and so on. 
Asmall checkbox in the Tool Options 
bar enables you to clone a pattern onto 
your image. Again, the tool will correct 
lighting and so on — making for some 
interesting and quick texture overlays. 
You can also tick the Align box in the 
Tool Options bar to use the same offset 
for each healing stroke. Another good 
use for the tool that we discovered is 
blending images neatly into matte 
backgrounds. This is because the 


Healing tool corrects the shading, 
lighting and texture of a clone but not 
directly the colour. Overall, it’s a solid 
and versatile addition that has much 
potential as an artistic as well as 
photographic tool. 


Tweaked tools 


Inthe same vein (and tool flyout) is the 
Patch tool. This is very similarto 

the Healing tool, but it’s completely 
selection-based. In our experience, 
the tool is best used to correct larger 
blemished areas. By simply selecting a 
‘good’ piece of the image or photograph 
and dragging it over a ‘bad’ area, the 
tool corrects the cloned area in exactly 
the same way as the Healing tool. The 
options for this tool are pretty well set 
out — you can heal the source from 
destination or vice versa, just like the 
Healing tool. 

This said, though, it’s rather strange 
to see tools such as this in Photoshop. 
We'd expect this sort of tool to appear 
in lower-end graphics applications, 
aimed predominantly at the home user 
and digital photographer. According to 
Adobe, though, around 50 per cent of 
Photoshop's installed user base are not 
professionals. This, of course, may be 
an incentive for the company to build 


Adobe has tweaked the Free 
Transform tool, bringing 
real-time transformations... 


Brush off 
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When working on GIF images, ImageReady 7 users can now map transparency to a colour by simply 
hitting a button at the bottom of the Colour Table — very handy. 


more consumer-orientated tools into 
the application. As long as the core 
feature set remains the same, this 
should turn out to be no bad thing — 
it will simply broaden the appeal and 
overall ability of the package. 

Adobe has tweaked the Free 
Transform tool, bringing real-time 
transformations. This may sound 
like a minor feature, but proves to be 
incredibly useful when you need to 
accurately line up transformations in 
context to background layers. This can 
prove to be a little slow — even on our 
reasonably fast machine the redraw 


Photoshop 7's new brushes make natural-media effects a breeze... 


Create a new document and open up 
the Brushes palette by undocking from 
the Palette Well. If it's not in there or visible, 
choose Window>Brushes. Choose a Brush 
from the Presets menu and then select a 
brush tip shape; just click on the Brush Tip 
Shape option and choose a brush from the 
menu. Paint a stroke on the canvas to get 
an idea of what your brush looks like before 
we alter the dynamics. 


Click on Dual Brush. We're going to 
merge two brush tips together to create 
anew one. Choose a Brush tip, using the 
Multiply blending mode to combine them. 
Paint on your page to see the difference. 


3] Next we'll look at the Scattering 
dynamics. Select the Scattering option 
in the Brushes palette and bump the scatter 
and count jitter sliders up. Notice how the 
stroke preview updates. Paint another 
stroke on your page to see the difference. 


proved to be sluggish. It would be nice 
if you could switch the real-time 
functionality off when working on 
complex, multi-layered images. The 
toolbox certainly hasn't been overhauled 
— Adobe has simply added a couple 
of new tools and listened to users’ 
considerations when updating others. 
Another addition to the package 
is a spellchecker. First shown to 
rapturous applause at Macworld expo, 
this is a standard spellchecking tool 
that designers and typographers will no 
doubt come to appreciate. It could also 
be seen as a statement by Adobe, 


4 | Finally, we'll add some Colour 
dynamics. In the Colour Dynamics 
options, slide up the Hue jitter and 
Saturation jitter — be careful not to add 
too much though, or your brush strokes 
will gain a kaleidoscopic effect. 


pushing Photoshop as an all- 
encompassing tool rather than just an 
image-editing app. Either way, it’s an 
inclusion that bamboozled us — are 
serious designers really going to be 
using the spellchecker in Photoshop? 
Moving on, the Image menu contains 
a new image operation going by the 
name of Auto Colour. It’s fairly self- 
explanatory: just as Auto Levels and 
Auto Contrast automatically correct the 
brightness and contrast of an image, 
Auto Colour aims to automatically 
colour correct an image ina single 
click. For amateur photographers and 
digital camera users looking fora quick 
fix to a washed out or oversaturated 
photo, the operation works very well. 
Those who are a touch more fussy about 
colour will probably steer well clear. 


Filter frenzy 


As each release of Photoshop comes 
and goes, the Filter menu is the first 
place eager designers look to see if 
there's something new. But there never 
is. Since version 4, Adobe has done 
very little to the range of gallery effects 
in Photoshop, leaving them virtually 
untouched. In version 7 there are no 
new gallery effect filters (there's an 
entirely new filter dialog which we'll 
come onto ina while) as such, but filter 
freaks will be pleased to know that the 
company has once again listened to 
customers and enlarged the preview 
size of most filters. We would have 
still liked a larger preview in the 
Render>Lighting effects dialog, but it’s 
certainly a start. 

The brand new filter dialog in PS7 
is the Pattern Maker. It must be said 
that this is a strange and seemingly 
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The File Browser enables you to search for and open up files within Photoshop. It also displays file data such as image size, dimensions and so on. 


pointless addition to the application. 
Basically, the filter enables you to 
randomly generate patterns froma 
selection (a small control panel 
towards the bottom-right of the dialog 
enables you to cycle through your 
patterns). Although this filter could 


Although perhaps not the most exciting of additions, Tool Presets are a great new feature of 
Photoshop 7, enabling artists and designers to save and recall frequently used tool settings. 


certainly come in handy for 3D artists 
short on time and retro Web designers, 
we can see no real use foritina 
professional environment. There are 
settings enabling you to control the tile 
size, smoothness and offset, and even 
settings enabling you to control the 
colour of the tile boundaries. It's 
extremely thorough and well thought 
out, but as we've mentioned, we just 
feel that pro designers will want a 

tad more control over their patterns. 
Handily though, patterns can be saved 
out and used with any other in the 
Photoshop pattern library, without 
being applied to your image. 

The other addition, or rather 
enhancement, to the Filter menu, 
appears within the Liquify dialog. 
Introduced in version 6, the Liquify 
filter enables artists to dynamically 
warp images with a selection of tools, 
similar in operation to the Squizz plug- 
in by Human Software. Although it 
was a hugely welcome addition to the 
application, a major gripe about the 
Liquify filter was you couldn't warp 
images in relation to background 
layers. Luckily, Adobe has rectified this 
issue in version 7 of Photoshop; it’s now 
not only possible to see background 


layers, but also to adjust the opacity of 
them — a neat touch. 

Usefully, you can now save your 
Liquify meshes. This means that you 
can bring a distortion mesh onto 
another image at any time or work on 
amesh ata later date. Add to this a 
multiple Undo (why this wasn't present 
in version 6 we don't know) and a new 
Turbulence brush for creating wispy 
smoke, fire and similar effects, and you 
have a considerably enhanced filter 
that seems much more rounded and 
complete than the previous offering. 


Brush dynamics 


Although previous incarnations of 
Photoshop enabled you to define, 
create and save your own brushes from 
selections or images, many designers 
using the application artistically felt 
somewhat deprived at the lack of 
natural media tools available. Sure, 
you could make your brush have wet 
edges, but that was just about it in 
terms of natural media-like effects. 

Photoshop 7 rectifies this. Firstly, 
Adobe has brought back the Brushes 
palette (missed by many in version 6), 
but has completely revamped it. 


Photoshop 


Photoshop 


Vocked in the Palette well by default 
(the palette can be docked and 
undocked using a smallicon on the 
Tool Options bar), the new Brushes 
palette is double the size of the old one. 
lt contains not only a comprehensive 
preview of brush strokes, but a whole 
range of context-sensitive options for 
controlling brush dynamics. 

Let’s look at the new palette in detail. 
The first option is to select the Brush tip 
shape, which functions in exactly the 
same way as the previous incarnation 
of the Brushes palette. When Brush Tip 
Shape is selected, options appear to 
change the diameter, roundness and 
hardness of the brush — just as you 
could do in previous versions of 
Photoshop. Things start getting a touch 
more advanced, though, when you 
move down the left-hand column of 
the Brushes palette and select Shape 
Dynamics. On the right-hand side of 
the interface several slides appear, 
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enabling you to jitter the size, diameter, 
angle and roundness of your brush 
stroke. If you have a tablet hooked up, 
you can specify whether pen pressure 
or tilt will affect the jitter. As you 
increase or decrease the settings, a 
preview pane at the bottom of the 
palette updates the new brush stroke. 

The second set of options are Brush 
Scattering. This is pretty self- 
explanatory, enabling you to scatter 
pixels within the brush stroke. This 
can make forsome pretty interesting 
effects — particularly if you're aftera 
stippled look. 

Next up are the Texture options, 
handily enabling you to add a texture 
underneath your brush — simulating the 
effect of painting on differenttypes of 
media without changing the appearance 
of your canvas. You can use various 
blending modes here as well. You can 
even choose to texture each bristle tip, 
making for some truly different effects. 


OS X throws up a few problems for those with classic 
plug-ins and peripheral drivers... 


Although Photoshop 7 looks and performs 


excellently on Apple's new operating 
system, there are still a few issues that 
those upgrading to a Carbonised 
Photoshop should be aware of. The first is 
plug-ins. You will not be able to use your 
Classic plug-ins in the OS X-native 
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version of Photoshop. This is no fault of 
Photoshop's or Adobe's, though — simply 
the fact that OS X does not enable native 
apps to call on Classic code. You'll either 


have to open Photoshop as a Classic 


i 

i 

' 
application under OS X, or boot up in OS 
9.1 orabove. 

Another issue is scanner and printer 
drivers. So far, many companies have not i 
updated their drivers to work with OS X — 
so bear this in mind before jumping on the 
aqua bandwagon. 

PC and Mac OS 9 users won't have 
to worry about either of these issues. 

Adobe hasn't touched the Photoshop API, 


or altered the way in which you acquire 


images into the application. 


Then there's Dual Brush. This rather 
interesting option enables you to 
combine your configured brush stroke 
with the tip of another brush. Again you 
can choose various blending modes 
to get the right effect. This option in 
particular shows the almost endless 
amount of brushes and effects you can 
create in Photoshop 7. For example, you 
can create two brushes and a texture, 
then blend them all together into one. 
Using different blending modes will 
give you a different brush. 

Colour Dynamics settings come 
next. Used subtly, these can bring your 
brushes to life. By adding Foreground 
and Background jitter, Hue, Saturation, 
Brightness and Purity jitters, your 
brushes will change dynamically in 
colour and tone as you glide across the 
page. Used drastically, kaleidoscopic 
effects are possible. The Other 
Dynamics settings include Opacity 
and Flow jitters, the latter dynamically 
altering the flow of paint as you make a 
brush stroke. 

That's not all, though. Underneath 
these settings there are checkboxes 
for switching various options on and off, 
such as Noise, Wet edges, Airbrush 
functionality, smoothing, and the ability 
to preserve an applied texture pattern 
when applying brush presets. One thing 
we will say, though, is that unless you're 
using a super-fast machine, complex 
brush strokes tend to be pretty slow in 


redrawing. This of course can slightly 
hinder the creative process. 

As you can see, it’s a fairly huge 
addition to Photoshop, and those using 
the application for artistic purposes will 
welcome the new brush functionality, 
Saying this, PS7is not in any way a 
replacement for Painter 7 — it doesnt 
even touch on the huge range of natural 
media effects that are possible in 
Procreate’s application. 


Customise your workflow 


While Adobe hasn't included as many 
creative-orientated features as we 
hoped for (although what is here is 
pretty good indeed), the company has 
certainly made up for it in terms of 
adding workflow and productivity- 
based tools. Photoshop has an 
incredibly dedicated user base, and to 
redefine the way the app works would 
be ludicrous. Rather than do this, 
Adobe has added some new features 
that are truly useful, and after a while 
become completely indispensable. 
One such addition is the File 
Browser. Picture the scene: a client 
has supplied you with a hundred or so 
images for use in an ongoing project, 
or perhaps you're a photographer 
who's come back from the studio with 
hundreds of images. Either way, in 
Photoshop 6 you'd have to open 
each one in the app, labelling them 


The Brushes palette has doubled in 
size, with a whole range of options 
for controlling brush dynamics 
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Removing blemishes, wrinkles and scratches from photographs is no longer a complex task for 
Airbrush wizards - the new Healing tool literally makes it child’s play. 


Customising PS7 


Tool Presets and saveable workspaces make customising your Photoshop workflow a doddle... 


wy Although not the most exciting e It's not just brushes, though — g2 Saveable workspaces are also an 4 | The ability to save workspaces is 


addition to PS7, Tool Presets are 
certainly one of the handiest. They enable 
you to save your preferred setting for any 
tool. You can use either the flyout in the 
Options Bar or the Tool Presets palette 
(Window>Tool Presets). Here you can see 


Presets work for every single tool in 
Photoshop. Here we've set up the Selection 
Marquee tool with a fixed aspect ratio of 
307:230. When we need this setting, we 
can simply click on the Tool Preset rather 
than manually entering the settings. 


incredibly handy addition. These 
enable you to save the position of certain 
palettes and so on — enabling you to set up 
different workspaces for different image- 
editing operations. After rearranging your 
desktop, save the workspace by going to 


particularly handy when working in 
ImageReady. For example, you can have 
a certain workspace for rollovers, one for 
slices, one for animation and so on. 


various Brush settings. 


accordingly. Photoshop 7, however, 
through the new File Browser, enables 
you to search for files on your hard 
drive or external storage device 
(including digital camera smart cards), 
rename and label them, and even rotate 
them before loading into Photoshop. 
Residing in the palette well on 
startup, the File Browser can be 


undocked — or made a floating window 
so it handily hides behind your open 
images — and used in exactly the same 
way as you'd navigate the files on your 
OS. However, the File Browser offers 
large thumbnail previews of your 
images, making it easy to spot the 
correct image or file version. Because 
the browser loads thumbnails into a 
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Window>Workspace>Save Workspace. 


cache every time you open a folder, 
thumbnails are usually generated 
on the fly. 

Images can also be labelled and 
grouped for easy image management. 
They can be sorted by filename, rank, 
width, height, file size, resolution, file 
type, colour profile, date created, date 
modified and copyright info. 


¥ Tools 
v Options 


File Browser 


¥ Navigator 


Tool Presets 
+ ¥ Layers 
Channels 
Paths 
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Character 
Paragraph 


Ina similar vein to Tool Presets, the new saveable workspaces enable you to save certain palette locations for specific image-editing operations. 


When clicking on a thumbnail, image 
data such as date created and modified, 
file type and size appears at the bottom 
left of the File Browser. If the image was 
taken on a digital camera the Browser 
displays EXIF data. Handily, the File 
Browser enables you to rotate images 
before bringing them into Photoshop, 
which usefully takes one step out of 
your image-manipulation work. Version 
7 also introduces preset image sizes 
(A4, A3, 800x600 and so on), making it 
easy to quickly set up regularly used 
image sizes. 


Tool Presets 


A massive workflow addition comes 
in the form of Tool Presets. These are 
aimed at providing a quick and easy 
way for designers and photographers 
to access certain tool settings. Version 
7 features a new Tool Presets palette 
(grouped with the History and Actions 
palettes by default), and a dropdown 
on the Tool Options bar. This enables 
you to save specific tool settings 
(such as a brush colour or diameter, 
vector shape colour, or fixed aspect 
ratio marquee) and recall them at any 
giventime. 

This new aspect of the program will 
be a considerable time-saver for 
designers working on multiple images 
that require a similar method of 
approach. It’s worth noting that Tool 
Presets work with every single tool. In 
a similar vein, Adobe has introduced 
Workspace Presets in this upgrade, 
too. These enable you to save and 
recall certain palette positions — a 
handy feature seen in many other 
applications already. 


Photoshop 
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a8 printing) are applied to the 


When saving PDF files in Photoshop 7, users can now add passwords, PDF encryption and other 
security settings, which is handy for sending confidential design work to clients. 


On the subject of new additions, 
there are a handful of features aimed 
predominately at photographers. The 
first of these is Picture Package. Found 
in the File>Automate sub-menu, this 
enables you to print multiple images 
at different sizes ona single sheet of 
paper. You have control over the layout, 
resolution, paper size, and also the 


ability to label the images. By clicking 
onan instance of an image you can load 
in another image to print on the same 
page. Once you click OK, Photoshop 
sets to work, creating various layers, 
transforming them and finally 
producing your ‘picture package.’ We 
can't see this being of much use to the 
creative pro, but for digital camera 


Adobe has upgraded ImageReady 
up to version 7 to sit neatly beside 
its older brother... 


File browsing 


The File Browser isn't just for browsing files you know... 


yes 


o The File Browser is a great addition 
to Photoshop, enabling you to locate 


files and open them directly within the 


application. By default, it's docked in the 


Palette Well — open it up. 


Photoshop 


Not only does this feature enable you 

to search for files, it also enables you 
to view various image data such as date 
created or date modified. If the image 
was taken on a digital camera, it displays 
EXIF data. 


Less than Web-savvy photographers, wishing to use the Web Photo Gallery option to quickly get 
their work up on the Web, will face a variety of new templates. 


enthusiasts after that ‘school photo’ 
look, it will suffice. 

The new improved Web Photo gallery 
feature is a quick and easy way to get 
images on the Web. There are new 
templates here, all of reasonable quality 
and design. Once again, though, the 
professional user is going to steer well 
Clear of this (unless in a complete hurry 
to get images on the Web). 

Finally, there's the ability to export 
password-protected POF files. Settings 
enable you to either set up encryption 
for when the file is opened in Acrobat 
or in Photoshop, or both. You can 
prevent the document from being 
printed, altered, having content 
extracted or comments and form fields 
changed. We suspect that this will be 


File Browser is Batch Rename. This 
makes it possible to quickly rename multiple 
images. You can also rank (label) images 
and group them into sets. 


most used by designers sending 
confidential files to clients for approval, 
and it’s a sound addition to the program. 


ImageReady 


One thing we haven't touched upon yet 
is what's happened to Photoshop's Web 
sibling, ImageReady. Well, fora start, 
Adobe has upgraded the app up to 
version 7 to sit neatly beside its older 
brother. But what is there to warrant a 
jump of four releases? Well, to be 
honest, not that much actually. There’s 
no File Browser here — making it 
necessary to open up images in 
Photoshop and then jump across to 
ImageReady. Adobe hasn't included 
Tool Presets in ImageReady 7 either — 


4 | Finally, you can also rotate images 
using the small Rotate icon to the 
bottom-left of the browser. Photoshop 
recognises that you've rotated the image 
when you double-click to open it up —a 
small, yet handy addition. 


something that we would certainly have 
liked to have seen. 

However, there are new things to 
check out. First up is the ability to 
make any colour in the Colour Table 
transparent (when working with GIF 
images), by simply hitting the Remap 
Transparency button at the bottom of 
the Colour Table palette. This is handy 
for Web designers working with GIFs, 
and takes the pain out of building up 
complex, transparent images and 
animations. When hovering above a 
mapped colour, a tooltip informs you 
that the colour is in fact transparent. 

ImageReady 7 enables you to dither 
transparency, just as you would colours. 
This enables you to blend images into 
Web backgrounds without having to 
match up background colours. In 
practice though, pro designers may stick 
to matching up background colours, as 
it ultimately enables more control over 
Web graphics (although the resulting 
files could be a touch larger). 

Both /mageReady and Photoshop 
now enable you to specify higher 
priority to text and vector art when 
optimising for the Web, as well as 
enabling you to preview your files 
for output on wireless devices. 
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The seventh incarnation of 
ImageReady sports a dedicated 
Rollover palette, enabling you to see all 
rollovers, animations, slices and image 
maps within a document. The palette 
means you can add layer-based 
rollovers by simply clicking one button. 
| ASelected state has been added to the 
app’s rollover options, so you can set 
up navigation and so on that contain 
different rollover effects, which all 
happen at the same time. 

Finally, you can hook ImageReady 
up to Adobe Altercast(see the boxout 
on page 9) for quickly producing data- 
driven graphics — making it pretty easy 
to create many variations ona certain 
graphic or logo. PS7 saves to the 
XMP (Extensible Metadata Platform), 
enabling you to embed metadata in 
files. The two programs are completely 
compatible with Adobe's Web 
Workgroup server, enabling 
collaborations to easily keep track of 
image file versions and alterations. 


Seventh heaven? 


Although it’s perhaps not the most 
comprehensive of upgrades, Photoshop 
7isa release that builds on the already 
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Picture Package is a new feature that will appeal to the budget-conscious photographer. It enables 
you to print multiple versions of images (or indeed different images) on a single sheet of paper. 


comprehensive toolset, adding new 
features that give us a good idea of 
where the application is heading: it’s 
fast becoming an all-encompassing 
image-editing application that's fit for 
any medium. 


Auto Colour, an addition to the Image>Adjust sub-menu, enables photographers and designers to quickly perform basic colour correction. 


Photoshop is certainly now more 
appealing to the digital camera 
enthusiast and pro photographers 
(going back to its roots, maybe?) — 
thanks to the superb Healing tool and 
the File Browser. It will also appeal to 
those artists wanting a natural media 
toolset without having to endure the 
learning curve of a program like 
Painter. Overall, Photoshop 7 will 
appeal to everyone who creates 
graphics ona day-to-day basis. With 
support for wireless devices, more 
image-editing tools, some new (if a 
little sparse) Web-editing features and 
a plethora of workflow-orientated tools, 
Photoshop as a package is still the most 
thorough and intuitive image-editing 
solution there is. EEE 
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Carol Steele 


Carol Steele is a freelance professional 
photographer shooting digitally with a Nikon 
DIX primarily in the social photography sector 
of the market. 


CA: What do you think are the most useful new 
features of Photoshop 7... and why? 

CS: | suppose this will vary tremendously from 
user to user depending on how you use the 
program, For me, personally, | have found the 
Healing brush and the Patch tool to be among 
the things which | thought to be of tremendous 
use. | have also found the File Browser feature 
to be extremely useful in reviewing a folder 

of images. 

CA: What features will be of no/not much use 
in your daily workflow... and why? 

CS: Adobe has done an awful Lot of work on 
the brushes and brush tips, but for me it is 
something which | will not find a tremendous 
amount of use for. Improvements have also 
been made in the way that the Liquify filter 
works. But, again, this is something which | 
have very seldom used. 

CA: What impressed/did not impress you with 
the PS7 upgrade? 

CS: | love the new carbonised interface. 

CA: What would you have liked to have seen in 
PS? that wasn't added? 

CS: | would have liked to have seen vast 
improvements made to the Contact Sheets 
feature, which pales into insignificance when 
compared to the Print Catalogue feature in 
ThumbsPlus from Cerious Software. | would 
also have liked to have seen further advances 
made in the Picture Package automation 
feature - as it is, it is easier and more 
economical on print materials to do it myself 
manually. | would also have liked to have seen 
a major revamp of the Artistic Filters — which 
have been around virtually unchanged since 
Photoshop 2.5. 
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Hannah Gal 


Hannah Gal is a London-based freelance 
photographer and illustrator. A selection 
of her work can be found online at 

[w] www.gal.co.uk/hannah. 


CA: What do you think are the most useful new 
features of Photoshop 7... and why? 

HG: Adobe has a great ability to improve 
workflow. Just when you think the program is 
as efficient as it can be, itis improved on the 
overall workflow. This is the same with this 
version with the obvious Web connections. The 
new File Browser is a prime example. A great 
addition is that all the relevant file info is 
displayed instantly including creation and 
modification date, type of digital camera 

used and more. Another great feature is the 
Healing brush. What used to be the mark of 

a truly professional Photoshop artist, is now 
the domain of all users. It needs to be seen to 
be believed. 

CA: What features will be of no/not much use 
in your daily workflow... and why? 

HG: Past versions introduced features that | 
thought were not that useful, but then aclient 
asks for certain effects and you find yourself 
using this particular feature endlessly. Adobe's 
upgrades are very practical and intelligent. By 
that, | mean that you can tell that professional 
creatives have a say in them. 

CA: What impressed/did not impress you with 
the PS7 upgrade? 

HG: | was impressed with the new artist/brush 
features - in other words, more painterly 
effects. | now need to switch less between 
Photoshop and Painter. | also liked the 

ability to create workspaces dedicated to 
certain purposes. | can now arrange different 
palettes in specific order to suit specific 
clients or projects. 

CA: What would you have liked to have seen in 
PS7 that wasn't added? 

HG: More painterly/real-life simulating 
brushes but, looking at this upgrade, these are 
sure to follow. 


Steve Holmes 


Steve Holmes has been a designer in the Web 
and animation industry for eight years, and in 
print for six years prior to that. His company, 
Outlaw FX Ltd, specialises in Web animation 
and design, 3D animation and special effects, 
and training courses on all popular design and 
animation programs. 


CA: What do you think are the most useful new 
features of Photoshop 7... and why? 

SH: Well, | have to say that the simple fact that 
itruns on OS X is its best feature. There's not 
much else to shout about, which isn't 
surprising as Photoshop is such a wonderful 
package that is so hard to improve upon. The 
inclusion of Painter-like tools is a real bonus 
to illustrators, though. 

CA: What features will be of no/not much use 
in your daily workflow... and why? 

SH: The File Browser function seems pretty 
moot in PS7, as in OS X you have one anyway, 
with similar preview options. The new 
painting tools work well in general workflow, 
but that’s aboutit. 

CA: What impressed/did not impress you with 
the PS7 upgrade? 

SH: I'm sorry to say! am not impressed. For a 
full point release (not a dot release), itis 
relatively weak on features. It’s still a great 
program, though, and it’s my pleasure as 
always to report that alpha and beta testing 
Photoshop for the last three versions has 
never yielded a crash, not even now...in OS X. 
CA: What would you have liked to have seen in 
PS7 that wasn't added? 

SH: | would have liked to have seen fully- 
integrated Adjustment Layers with After 
Effects, in that you can create a layer in 
Photoshop, turn it into an Adjustment Layer 
and then add filters such as Blurs and 
Mosaics, just like in After Effects. 


Andrew Buckle 


Andrew Buckle is the man behind Sapphire 
Innovations - a company specialising in 
producing plug-ins and add-ons for Photoshop, 
Itlustrator, Painter and other graphics 
applications. See Sapphire's latest work at 

[w] www.sapphire-innovations.com. 


CA: What do you think are the most useful new 
features of Photoshop 7.. and why? 

AB: The new Brushes palette is a great 
addition to Photoshop. The ability to resize the 
brush is an important one — | create a Lot of 
brushes to sell at Sapphire, and my number 
one question is: how can | resize them? There's 
a stack of wonderful brush settings eliminating 
the need to go into another application. The 
new brush improvements also double up as an 
effects engine when used with the art history 
or history brush. 

CA: What features will be of no/not much use 
in your daily workflow... and why? 

AB: The Pattern Maker, however, is not a very 
useful addition in my opinion. | am certain that 
Adobe could have made a better pattern 
maker — itis just not that great. | will stick to a 
few third-party plug-ins for creating textures. 
CA: What impressed/did not impress you with 
the PS7 upgrade? 

AB: The File Browser is a great addition, as is 
the Spell Checker - that will prevent a ton of 
mistakes on my part. | love the tool presets as 
well, as | am always wanting to switch from tool 
to tool. Now| can save my favourite settings. 
CA: What would you have liked to have seen in 
PS7 that wasn't added? 

AB: For my own business reasons | would have 
loved to have seen a plug-in manager in 
Photoshop 7. For Sapphire, | have created over 
1300 plug-ins and the control of the plug-ins is 
stillan issue, There must be 4000+ plug-ins 
out there now and it would be great to be able 
to manipulate plug-ins, disable or enable 
them, or at least group them when needed. 


Matt Muller 


Matt Muller is a graphic production workflow 
specialist working for Euro RSCG Wnek Gosper 
Interactive. The image above was created by 
Steve's colleague, Ross Elliot. Email him at [e] 
ross.elliot@eurorscg.co.uk. 


CA: What do you think are the most useful new 
features of Photoshop 7... and why? 

MM: Seeing one of my feature requests added 
- the ability to delete hidden layers. Also the 
refined, more user-friendly interface and the 
new Brushes palette. Also the File Browser - 
who can do without this. Tool Presets take the 
irritating task out of resetting the tools and 
ImageReady’s new Rollover palette will save 
loads of time. 

CA: What features will be of no/not much use 
in your daily workflow... and why? 

MM: Probably the brushes because, to be 
honest, | don't really do much artwork. 

CA: What impressed/did not impress you with 
the PS7 upgrade? 

MM: Better, simpler workflows, scriptability, 
and a far more functional ImageReady. Also 
the ability to assign variables for data driven 
graphics and the scriptability - JavaScript, 
AppleScript, VBScript is a massive time-saver. 
CA: What would you have liked to have seen in 
PS7 that wasn't added? 

MM: The fact that you can't change the colour 
of guides in ImageReadyis irritating - 
especially if most of your work is set against a 
blue background. 


Rod Wynne-Powell 


As well as being a self-confessed evangelist for 
Macs and Photoshop, Rod Wynne-Powell trains 
photographers in the creative use of Photoshop, 
and is a long-serving Photoshop beta tester. 
Clients include Boss Trucks, Iveco Ford, 
Vauxhall Cars and Massey-Ferguson. He's also 
an author and contributor to such titles as The 
British Journal of Photography... 


CA: What do you think are the most useful new 
features of Photoshop 7...and why? 
RW-P: Photographers using digital cameras 
will almost invariably point to the File Browser 
as being this version's greatest asset. Their 
reasoning being that regardless of make, they 
will not be presented with different interfaces 
each with their own idiosyncrasies. Also, many 
find that the camera manufacturers’ offerings 
are not the most stable or intuitive. 
CA: What features will be of no/not much use 
in your daily workflow... and why? 
RW-P: Here, | feel that my comments tally 
with the average user. The only people likely to 
find a regular use for the Pattern Maker tool 
are Web Designers, but even they would have 
to play around to achieve something exciting. 
CA: What impressed/did not impress you with 
the PS7 upgrade? 
RW-P: | was impressed with what has been 
achieved within Liquify and the power behind 
the the Patch tool, and also that Picture 
Package could use different images. | was also 
very pleased to see the brush size limit 
extended beyond 999 to 2500. 

lam sure you would like to hear some 
niggles. Well, the Dynamic States that form a 
pathway through your work, and certain 
milestones along the way, are frozen. But this 
concept is broken with the window 
construction that the History palette has had 
almost since the start. As soon as the number 
of States has reached the length of the palette, 
any Snapshots move up with the States. 
CA: What would you have liked to have seen in 
PS7 that wasn't added? 
RW-P: | would like to see the History palette 
improved, and the Shear tool enhanced. 


Barrie Thomas 


Barrie Thomas is a professional photographer, 
Photoshop trainer and journalist. He has 

also created training videos and CDs, which 
includes Adobe Photoshop for Photographers 
published by VTC. Find out more at 

[w] www. barrie-thomas.com. 


CA: What do you think are the most useful new 
features of Photoshop 7... and why? 

BT: Has to be the Painter-type brushes. 
Although of more value to a graphic designer 
than to me as a photographer. They extend the 
functionality of Photoshopin a direction that 
has been needed for some time. | also liked 
the File Browser facility. This has largely 
demanded the use of third-party software on 
the PC and this may now be avoidable. 

CA: What features will be of no/not much use 
in your daily workflow... and why? 

BT: The new type improvements. | very much 
approve of the continued advances but, as a 
photographer, they have little relevance to me. 
CA: What impressed/did not impress you with 
the PS7 upgrade? 

BT: It’s a small thing, but | did not like the new 
toolbox design - it's very condescending and 
looks both amateurish and cluttered. It’s 


designed well, but without added functionality. 


CA: What would you have liked to have seen in 
PS7 that wasn't added? 

BT: | would have liked to have seen a simple 
device, like a reset button to enable 
instructors and trainers — particularly those, 
like myself, who are asked to train remotely — 
to ensure that all users start from the same 
position with regard to tools and so on. 


Peter Bargh 


Peter Bargh is a Publisher, responsible for 
ePHOTOzine ([w] www.ephotozine.com) and 
Pentax User ({w] www.pentaxuser.co.uk). He’s 
also the author of Photoshop 6.0 A to Zand the 
forthcoming Photoshop 7.0 A toZ published by 
Focal Press. 


CA: What do you think are the most useful new 
features of Photoshop 7... and why? 

PB: | come from a photographic background, 
so the features that appeal to me are more in 
enhancing photographs than in creating 
illustrations or Web graphics. To this end, one 
of the most useful additions is the Healing 
brush and Patch tool, as well as the Image 
Browser with its EXIF information. 

CA: What feature(s) will be of no/not much use 
in your daily workflow... and why? 

PB: A great example of applying the Patch tool 
to a photo happened to me recently. | got to 
see the very first Philips six million pixel CCD 
that will appear in the Contax N Digital SLR. 
The CCD was covered in dust particles that 
make the photo, shot on an Olympus 4040 
Zoom, look grubby. Using the Patch tool it took 
seconds to remove the dust and deliver a half- 
decent product picture for our news pages. 
CA: What impressed/did not impress you with 
the PS7 upgrade? 

PB: For both ePHOTOzine and Pentax User, | 
will benefit from the EXIF information in the 
File Browser so | can share exposure details 
with readers. This was obviously possible with 
other programs, but having it all in one place 
certainly speeds up the process. 

CA: What would you have liked to have seen in 
PS7 that wasn't added? 

PB: As a photographer, | would love to see 
more filters that control the focusing of the 
image, depth of field controls and so on that 
can be applied to soften elements of the 
picture with speed and with more control than 
Gaussian blur. Anything is possible using the 
selection tools and manual adjustments with 
Gaussian blur but an automated procedure 
would be cool. | would also like to see 
multi-tasking so you could set off say a 
rotation of a large image and then go and work 
on retouching another. 
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omputer Arts v Adobe 


Way back in issue 25 of Computer Arts Special we quizzed graphics professionals and readers 
about what they'd like to see in the next release of Photoshop. So, was Adobe listening? 


We asked for... The CA verdict 


An overhaul of the Layers palette 


Simon Danaher, regular contributor to Computer Arts Special 
and 3D artist commented: “As they are, the Layerfolders 

are very nice, but they could still be improved. How about 
adding folders within folders, and also the ability to apply 
Adjustment Layers only to the contents of a folder, without 
having to use a mask?” 


We got... 


Adobe has hardly touched the Layers palette in version Z With 
the exception of some new blending modes (Vivid light, Linear 
light and Pin light) and a new Fillamount control, it remains 

much the same. 


Our ideas about improving the Layers palette probably weren't 
taken on board by Adobe because of the massive overhaul 

of the palette in version 6. Folders within folders would 
certainly be a boon to all those designers working with huge, 
multi-layered files. 


The ability to create rudimentary 3D surfaces 


In Photoshop 7, Adobe has added a Pattern Maker. It’s not 
possible to create 3D surfaces, but it does enable those 3D 
artists pushed fortime to quickly create textures from selections. 


David Vickery, a product designer and the man responsible 
for the imagery in the video of Feeder’s single, Piece by Piece, 
had this to say: “ It would be good to be able to create 
rudimentary 3D surfaces, so that you could add more realistic 
shadows and lights to scenes containing a mixture of real and 
generated images.” 


Implementing 3D surfaces, and somehow recognition of 3D 
space into Photoshop, would almost certainly require a 
complete reworking of the application. Saying this, a plug-in 
called Dizzy from Vertigo 3D ([w] www.vertigo3D.com) enables 
you to import and adjust basic 3D models, so it's by all means 
not impossible. The Pattern Maker, however, is a disappointing 
addition - we feel Adobe could have puta bit more effort into 
this filter, generally offering more control over the pattern- 
creation process. 


AFilters palette 


Markzebra, one of the regular contributors to our forum at 

[w] www.computerarts.co.uk/forum suggested the inclusion of 
a Filters palette. We saw this appear in Photoshop Elements 
and there was no reason why it shouldn't be ported over to PS7 
~ it provides a quick way to apply a filter to an image. 


Absolutely no change to the structure of the Filters menu. 
However, the range of gallery effects have been enhanced with 
bigger previews and easier to use settings. Adobe has also added 
the Pattern Maker and enhanced the Liquify filter. 


A Filters palette still seems like a good idea. It may be that 
considering the addition of the Brushes palette, File Browser 
and Tool Presets palette, Adobe didn't want to add any more 
palettes to the ever-increasing interface (although it could be 
docked as with all palettes). On the other hand, it could be that 
Adobe is going with current trends. Current design fashion 
gears towards not using filters at all - so why should Adobe 
make a point of emphasising them? It’s just a thought... 


Better ImageReady integration 


Both Future Publishing's Chris Stocker and Computer Arts 
Special reader Al at Action FX.com wanted to see ImageReady 
more tightly integrated with, or even merged into, Photoshop as 
a separate module. 


No changes as far as the integration of ImageReady is concerned 
(it remains a separate app that you can jump to from Photoshop), 
but Adobe has added a few new features such as the ability to 
remap transparency on GIF images, a new Rollover palette and 
the ability to save for wireless output. 


By keeping /mageReady as a separate application, Adobe has 
made it clear that certain tools should be used for certain jobs. 
However, this does conflict with the company’s vision of 
network publishing. Alternatively, Adobe may simply not want 
to not clutter up the Photoshop toolset and phase out 
ImageReady. The separate Web graphics tool also brings a 
certain sense of value to Photoshop. 


Natural media-style colour mixing and more natural media tools 


Computer Arts Special contributor Alistair Dabbs threw in 

an idea; “A colour palette along the lines of a real-world paint 
‘palette,’ for example a piece of wood which you could smear 
paints onto and mix together as required... | want to do 

it(mix colours) visually, not with numbers or triangular 
greyscale concepts.” We also asked for more natural media 
brushes and tools. 


No fundamental changes have been made to the colour picker 
and the way you generally choose colours in Photoshop. 
However, Adobe has added a whole new painting engine, 
bringing back the Brushes palette and adding dynamic 
capabilities to brushes — for that natural media look. 


It's sometimes hard to weigh up exactly what Photoshop is. 
Starting as a tool for photographers, the app has been adopted 
by digital artists everywhere for artistic, as well as image- 
editing, purposes. To add a colour picker as we suggested 
would be a neat touch but, then again, a natural-media-like set 
of brushes is more than enough to keep artists using the 
application happy forthe meantime. 


Texton a path 


On the Computer Arts forum, Paul Stones put forward an idea 
that we've all been asking for many versions — the ability to run 
text ona path. 


While in version 6, Adobe partly settled our needs with the 
ability to warp text to give the illusion of running it on a path that 
just wasn't enough. No significant changes have been made to 

the type functionality of Photoshop, apart from the ability to give 
priority to vector text when exporting Web graphics. 


We all want it, but you never seriously think it’s going to happen, 
do you? /llustrator was built for this kind of job (as well as many 
other functions) and for Adobe to bring text ona path 
functionality into Photoshop would surely be a big mistake in 
terms of flagging up /llustrator as an ideal companion. 
Photoshop has vector shapes — if it gains any more vector 
functionality, /llustrator could rapidly go out of fashion. 
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We asked for... 
Animage palette 


Sanjay Kothari, an alpha tester of Photoshop since version 3 (he 
suggested Layer masks for version 3 and the Free Transform 

tool for version 4), wanted an Image palette enabling you to link 
to images without searching through your hard drive. 


The CA verdict 


The File Browser is a result for Computer Arts. Not only can you 
now browse forfiles and open them from within Photoshop, the 
browser displays all kinds of file information including EXIF data 
if the image was shot on a digital camera. 


The File Browser is a top-quality addition to Photoshop. It only 
makes sense that there should be some sort of dialog for 
browsing and opening files within the application. After all, 
Paint Shop Pro has had this for a while now. 


improved Liquify filter 


We wanted to see an improved Liquify command that you 
could use on floating layers, while viewing background 
layers underneath. 


Within the much-improved Liquify command you can not only 
work ona layer while seeing background layers underneath, you 
can even adjust the opacity of the background layer. Other 
improvements to the Liquify dialog include the ability to save 
meshes for use on the same, ora different image, at another time 
and anew Turbulence brush for wispy fire-like effects. 


It seems like common sense that users should be able to see 
background images while distorting foreground layers — and 
Adobe has realised this, whether through customer feedback or 
simply within its own Photoshop development team. The ability 
to save meshes is a great feature for those using the Liquify 
command for similar effects over multiple images. 


improved Clipping Paths 


One of our requests was to improve clipping path masks to the 
point where they have soft edges and a noise slider — which 
would enable edges to match the grain of an underlying image. 
This would come in handy when compositing multiple images. 


No changes to the Path tool whatsoever. However, to aid in 
compositing images within Photoshop itself, Adobe has made the 
Free Transform tool real-time — a great addition in itself. 


Adobe obviously felt that there was no real need to update the 
clipping functionality of Photoshop. This may be because ithas 
recently launched /nDesign 2 which supports native Photoshop 
files complete with transparency. 


A pasteboard 


Illustrator John Welsh put forward the idea of bringing 
Photoshop into line with Illustratorand FreeHand by including a 
pasteboard: “It's useful because you can so easily compare one 
composition with another, and it lends itself very readily to 
keeping everything going simultaneously if your project 
involves different screens or pages. | would like to have the 
option of using Photoshop in this environment so | wouldn't 
have to switch between windows so much.” 


No sign of a pasteboard. Apasteboard or similar would certainly be an interesting and 
worthwhile addition to Photoshop. It would certainly make the 
application more versatile for all kinds of design job. 
Unfortunately, we don't think Adobe will adopt this idea ina 
hurry. Switching between windows isn't really that painful, and 
if you want a pasteboard, you buy /llustrator. 


Pixel art tools and Flash export 


One of our readers, who goes by the mysterious name of 
Blacklight, had a few excellent suggestions. He asked for more 
tools dedicated to small pixel images, the ability to disable 
anti-aliasing using the line and shape tools, as wellas 
exporting static and animated Flash files from ImageReady. 


Itseems as though our requests for pixel art tools and Flash 
exports from ImageReady were completely ignored. 


Itdoes surprise us that there's no Flash export capabilities 
whatsoever included in ImageReady 7 - after all, the 
application can now export to wireless devices. Of course, 
there is the fact that ImageReady is primarily bitmap-based 
and itis simply not feasible to include such tools. As faras 
pixel tools go, we're not really that surprised that Adobe hasn't 
gone for this - there are third-party plug-ins available for what 
is very much a niche (although growing) medium. 


Better spot colour support 


Victor Benady, the Creative Director of Web design outfit 
Random Media, wanted better spot colour implementation. “A 
new feature could be a Preview mode. Instead of the designer 
having to prepare two or three documents in different colour 
modes, CMYK, specials and so on, these could be combined in 
aclever way which showed certain areas where that specific 
colour mode could fail.” 


There have been no significant changes to the spot colour 
implementation in Photoshop. 


In retrospect, to develop a Preview mode where designers 
could prepare one document combining CMYK, spot colours, 
foils and so on would be a mammoth task for Adobe. It would, 
no doubt, involve a complete redesign of Photoshop's colour 
settings and modes. Nevertheless, it’s a great idea that could 
save designers that frequently produce images with special 
colours a huge amount of time. Version 8, maybe? 


General workflow additions 


Nina-Simeone Drabwell, a designer working for games 
development company Silicon Dreams (games include UEFA 
Champions League 2001) says: “I want anything that helps to 
increase workflow, such as customisable marking menus.” 


While the right-click functionality of Photoshop remains much 
the same, there have been some major workflow additions that 
we're mightily impressed with. These include Tool Presets, 
offering the ability to customise tools and save and reload the 
settings, and saveable workspaces. These enable you to save 
palette locations and recall them for certain image-editing jobs. 


It’s obvious that Adobe has thought long and hard about how to 
improve the workflow in Photoshop. Tool Presets are a major 
addition to the package and provide designers with an intuitive 
way of recalling often used tools. The same goes for saveable 
workspaces - it's a mystery why these haven't appeared in 
Photoshop before. 


In conclusion 


Nothing ventured, nothing gained... 


In Computer Arts Special, issue 25, we suggested a plethora of the workflow tools, that we got right. Maybe Adobe was Either way, Adobe has added many tools and features, 
new features that we thought should appear in Photoshop 7. listening to us and the professionals and readers that put including some that we never would have imagined. Time 


With it now upon us, there are many additions, mainly within forward the suggestions, or maybe it was pure coincidence. to start thinking about version 8... ica-s| 
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“a Photoshop 7: 


m= the new features 


Over the next five pages you'll get to grips 
with Photoshop 7's key new offerings... 


t long last Photoshop 7is 
here, running on OS X as 


: i ; well as Windows and Mac 


j OS 9. Adobe has 
implemented a number of time-saving 
new features to help speed the often 
arduous tasks of image manipulators, 
and it has improved many areas of the 
program in general. 

Photoshop 7 is going to be shipping 
at the beginning of April, according to 
Adobe, and when you get your copy 
you can follow the tutorials supplied 
here in order to get to grips with the 
new features. The software provides 
excellent tools for retouching images, 
and we'll take you through some of the 
new options you have and show you 
how you can use them to clean, 


freshen and correct images so you can 
deliver perfect results in record time. 
Top of the list of goodies are the 
Healing and Patch tools, which take 
the concept of cloning to another level 
of power and ease of use. We'll also 
show you how you can use them to 
make a great image even better, plus 
we show you how to make the most out 
of the improved automated image 
adjustment features. 

Files required for this tutorial can 
be found on the cover CD. 


Photoshop 


art 1: Auto image controls 


Faster, precise image adjustment can be achieved in 
Photoshop 7. We look at the Auto Levels options... 


Images to 
practice with... 


For several sections of this 
tutorial we've used images from 
the Image Source sampler, which 
is supplied free on the cover CD. 
In some instances, we have 
deliberately tampered with the 
images and saved them, ready for 
you to use in the tutorial. Please 
use the images in the 
Tutorial/PS7 folder on the CD. 
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RTT Eek Rain uppgeeneeercs | 


Open the file Bulb1 from the CD. This image 
G has been pre-modified so that it lacks contrast 
and needs to be fixed. In Photoshop 7 there are a 
number of new image adjustment tools that can 
help automate the process. First check the 
Histogram so you can see what's going on. Note 
that the original versions of the altered images 
supplied by Image Source are also on the cover CD 
in all their pristine glory. 
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4 Another way to achieve auto-correction is via 
an Adjustment Layer. Undo the correction or 
choose Revert, then add a levels Adjustment Layer. 
Notice in the new Photoshop 7 Levels dialog there is 
anew Options... button below the Auto button. 
Click it to open the Options, 
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Applying Levels again in the same way, with 
Auto options set to the default per-channel 
correction, produces a very poor image. The colours 
are banding and there's a lot of noise. 


a Choose |mage>Histogram to open the 
Histogram for the image. You can see that the 
tonal range is severely attenuated at both ends of 
the spectrum. The quick way to adjust the image is 
to run the Auto Levels command, which brings back 
the contrast in the image well. 
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5 | The image will be auto-corrected, but now in 
version 7 you can choose from three different 
types of auto-correction algorithm. The top setting 
tries to adjust the brightness of the image without 
affecting the colour balance. 


Setting the mode to Monochromatic Contrast 
8 | produces a totally different result. The 
corrected image using this algorithm so the image 
suffers much less from banding and noise, and it has 
done an excellent job at replenishing the image's 
dynamic range. 


Mean: 129,48 
| Md Qe 46.48 
| Magn: 107 


Pinale; 196120 Cache Laval: 1 


eg Looking at the Histogram again you can see 
that the full range of tones has been spread out 
to encompass the entire brightness range. Note that 
there are also no gaps in the Histogram. 


G The middle option, the default, performs an 
auto correction on each of the Colour channels 
independently. The results are slightly different, 

but the degree of effect will depend largely on the 
type of image being edited. Open the image 
Man.jpg on the CD. This image has also been 
pre-modified to severely limit its tonal range, but 
note that it is a CMYK image. 
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9 | In the dialog you also have the option to tint 
the black and white points should you wish. 
Here the black point is shifted to the red, which adds 
a purple tint to the shadow area. In a stylised image, 
tinting can help to hide the image processing. 


Part 2: Healing 


Retouch images faster than ever before with the new Healing 
brush — we show you the techniques... 


Begin with the forehead and the Healing 
brush. This tool works like the Cloning tool 
except it melds the cloned pixels with the underlying 
ones. Set the mode to Sampled and the brush size 

to 10 pixels. Option/Alt-click to set the sample point 
then clone away. 


Open the file Girl1 jpg from the cover CD. This 
model shot needs a little retouching to be 
perfect. The girl looks great, but it’s decided that all 
wrinkles and blemishes should be removed. New in 
Photoshop 7 is the Healing brush that will make 
short work of the wrinkles. 


You'll soon discover that you can stop looking 
for totally accurate matches for sample points, 
and look for correct texture. To remove the small 
wrinkles at the corner of the eye we can sample 
from the smooth area below the lower eyelid. 


colours, the intelligent way the Healing brush 
melds the two results in the dark lines vanishing and 
the girl's make-up staying the same colour. 


Work along the lip line clicking to clean up the 
line of specular highlight. You can even extend 
it slightly if you like. Note that the Healing brush 
merges the pixels with those around it slightly, so 
filling in the dark areas in the highlight is easy. 
Towards the edge, click further away from the 
highlight to blend it in with the skin more. 


Work around the chin area removing the fine 

wrinkles and blemishes. You'll find it quite easy 
to achieve a totally clean skin that doesn't look like 
it's had all the details cloned out of it. 


3 | Although the tool works well, you still need to 
be cautious. The pores are very visible in the 
centre, but much less so in the shadow areas. Don't 
clone from the highlight to the shadow as indicated 
or you'll get a poor clone. Stop at the shadow 
boundary then reset the sample point and continue. 


Go Next, we'll fix the highlight on her lips which is 
breaking up a little too much. This time we'll 
dab single clicks with the Healing brush. 
Option/Alt-click the clean, centre part of the lips to 
set the sample point. 
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o Note that the Healing brush has some blending 
modes to alter its operation. We have been 
using it in Normal mode, but you can choose from 
Replace, Lighten, Darken, Multiply, Screen, Colour 
and Luminosity. Darken and Multiply were used to 
help remove some stray hairs by the nose — it's best 
to experiment with the modes to see how they 
operate. The end result is a lighter, fresher image. > 
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Part 3: Patch tool 


Similar to the Healing brush, but even more powerful. 


Get to grips with the awesome Patch tool... 
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1] Along with the Healing brush, Photoshop 7 
has another repairing device called the Patch 
tool. Open the image Duck.jpg from the cover CD. 
This image has a few marks on it that we have 
added on purpose for you to fix — the original image 
is in fine condition. This is a tricky image because 
there is not a lot of surface texture and some 
scratches go across very different colours. 

Note that the marks on the duck image have been 
deliberately applied for the sake of this tutorial. The 
original image (880_110,jpg) in exemplary 
condition can be found on the CD, thanks to 

Image Source. 


4 | Now let's try the scratch crossing the body and 
the background. If you select around the 
scratch and drag as before (no need for the Lasso 
tool this time) you'll find it difficult to line up the 
edge boundary. This is because Photoshop does not 
provide a preview of the selection as you drag it. 


7 Large areas can cause more problems, but the 
7 | Patch tool makes short work of things like that. 
Open the file Duck2.jpg. Here, there's a large 
amount of grime on the duck’s body, and normal 
cloning would be a tedious exercise. 


Photoshop 


2 | The Patch tool enables you to touch up images 
in a similar way to the Healing brush, but goes 
about it in a selection-oriented manner, which some 
will prefer. Let's deal with the simplest mark on the 
duck’s body. Choose the Lasso tool and draw a 
selection around it. 


5 | It's probably best to deal with the scratch in 
two halves. Select the area of the duck that is 
scratched, without selecting the edge itself — this 

is very important. If you include the edge you'll 
make it more difficult for the Patch tool to make a 
decent meld. We can deal with the edge itself at the 
end. Drag with the Patch tool to sample from just 
above the scratch. 


8 | The best way to deal with the grime is to take 
bite-sized chunks of the damaged area and 
apply the Patch tool's secret weapon. Select a 
portion of the area to be healed and then just click 
the Heal Selection button in the Options bar. 


Now choose the Patch tool. It's in a pop-out 


| 3 with the Healing brush. The Options bar 
should be set to Heal: Selection. Drag the selection 
with the Patch tool to a location on the duck from 
which you want to sample pixels and let go. The 
selection will snap back to its original location and 
the pixels will be melded. Hide the selection to see 
the result more clearly. 


Go Do the same with the outside half of the 
scratch. Any messiness left at the edge can be 
cleaned up with the normal Clone tool, leaving a 
perfectly unscathed image. 


9 | Continue around the area to be repaired 
selecting and healing as you go. Remember 
not to drag this time, just click the Heal Selection 
button. The area will be fixed in a few seconds of 
work, as opposed to ages spent meticulously 
cloning with the rubber stamp. 


Part 4: Custom brushes 


Create your own brushes with the 
new Brush Dynamics feature... 


The Dual brush 

The Dual brush can be used to 
break up a given brush shape, 
helping to reduce any repetition. 


1 | The brushes have been totally overhauled in 
Photoshop 7. They can now be customised 
using a wide variety of dynamic and textural 
options. We'll show you how to make a custom 
brush, so begin with a new 128x128 pixel, greyscale 
image. To create a brush shape you can use any 
bitmap, but we'll use a Custom shape, like this one 
from the Floral set. 


4 | The real interesting aspect comes when you 
set the dynamic properties. Choose Shape 
Dynamics and play with the settings. You get a 
preview of the brush at the bottom of the palette, 
and you can use the brush at any time to see how it 
feels. Turning up Angle and Size jitter produces a 
much more organic result. 


There are some further modes that are worth 

looking at too. The first is Dual Brush mode. 
This is particularly interesting since you can define a 
second brush shape to mask out the current one. 
Here we've chosen.a Butterfly base brush and 
masked it with a simple spherical brush. The result 
are spheres containing butterflies. 


Before you can define the shape as a brush 

you must render it to a bitmap, or simply 
flatten the image. You can also make the shape 
more comple or roughen it a little. Here, we have 
applied the Sketch>Torn Edges filter. Note that the 
white areas are treated as transparent, and black 
areas are opaque. You can create semi-opaque 
brushes by varying the brightness values. 


Turn on Scatter and the fun begins. You can 
jitter the position of each brush stamp within 
the stroke. Increasing the Scatter value will make a 
more random organic brush. Now increase the 
Count to 3. This multiplies the amount of stamps 
you get. You may need to go back and adjust the 
master diameter of the brush to compensate. Very 
thick and dense brushes can be created, enabling 
you to paint masses of detail in seconds. 


8 | Texture works in a similar way to Dual brush 
but the opposite way round. Adding texture to 
a brush applies a texture of your choice within the 
brush stamps. On the left of the image above is the 
normal brush and on the right is the textured 
version. Note that textures work best on simple 
brush shapes where you can see their effect better. 
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Now choose Edit>Define Brush, and name 

the preset something logical. Now that the 
shape has been defined as a brush we can customise 
it. Choose Windows>Brushes to access the Brush 
Editor palette and select Brush Tip Shape. Set the 
size of the brush to 40 pixels and spacing to 100 per 
cent. This is about as much as you could do in 
previous versions, which is great for creating tacky 
Christmas cards, but not a lot else. 


Colour Dynamics enables you to vary the 
colour and tone of the brush. Increasing the 
Hue value will vary the colour from the base 
foreground colour that you have chosen. Saturation 
and Brightness work in a similar way. By increasing 
the Brightness variation and brushing using Lighten 
mode, you can add highlight shading to objects you 
create with the brush. Multiply mode can then be 
used to add shadow areas. 


9 | Textured brushes have a myriad of uses for 
retouching work. Here the girl's eyelashes have 
been thickened with the addition of extra ones. We 
used a simple brush with a small degree of 
scattering and a texture, plus 40 per cent fade. A 
tiny amount of blur blends the result into the image 
-ajob that took only seconds. > 
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Part 5: Pattern Maker 


Create a dazzling array of different patterns for backgrounds, 
textures or as sources for brushes... 


Calculate settings 


See variations of your settings by 
clicking the Generate button 
several times. 


es You can use any type of image as source 
material for this, it depends on the result you 


a Anew processing feature has been added to 2 | Run the Pattern Maker feature. This can be 
Photoshop 7 called Pattern Maker. This is a found in the Filters menu along with the 


expect to get. High-contrast images and selection 
system that generates a tiled pattern from a relocated Extract and Liquify. Zoom into the image will create more contrasty patterns. Subtler ones will 
selection you make in an image. To demonstrate using the tools at the left side of the window, and be made from low-contrast images. Set the tile size 
how it works open the image Cat.jpg from the CD. select the cat's face. 


to 128x128 pixels and click the Generate button. 


we waion | 


- 6 | Increasing the Sampling detail from the default 
5 | Try increasing the tile size to 512 pixels. You 5 to 10 produces an altogether stranger result, 

should be getting a more interesting, less plus it takes a lot longer to produce. A low sampling 
can be used for a harder, more jumbled pattern. We 
their edges can be removed if you choose to accept _ have also set the Offset to 50 per cent horizontal, 
the result using cloning or healing. which staggers the tiles horizontally. 


fi 
4 The result is not great — you can see the 


squares of the tiles and parts of the cat's face repetitive pattern. The tiles are still obvious, but 
are clearly visible. A more random look can be 


achieved by increasing the Smoothness to 3. 
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G At any time you can go back and view the last 
Better results can be achieved by selecting a 20 tiles you generated using the small viewer 


smaller area to begin with. Here we've selected 
the small daisy in the foreground, and set the tile 
size to 128 pixels again. Offset is set to 50 per cent 
horizontal, Smoothing to 2 and Samples to 5. 


Gg By setting the tile size very small — in this case 
only 10x1 pixels — you can achieve a tight 
wallpaper-like pattern that is useful for Websites, 3D 
textures such as textiles and the like. When using 
this feature the initial selection is all important. FEBS 


window at the bottom right. If you like a tile but 
don't want to apply the whole lot to the image, you 
can save it out by clicking the disc icon. it will be 
added to Photoshop's pattern library. 
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“I never considere 


‘ ic 


J myself a great tradi 


tional artist when it came 


to technique...” David Ho discusses his own digital revolution... 


or Californian artist David Ho, 1992 was the 
( year it all started to take shape. With David 
fresh out of UC Berkeley with a degree in 

Sociology, his father bought him a Power 
Mac 7100/66, believing it would help for his son to 
have some computer experience when looking fora 
job. But David decided that sociology wasn't for him, so 
he went back to college, enrolling in San Jose State to 
major in Art History with a minor in Fine Arts. 

“Switching to the computer took a few years,” he 
recalls. “At first | was creating my art with oils and 
airbrush, and then | started taking scans of my work 
and manipulating it into the computer. Within a few 
years, | was working completely digitally. 

“My style has drastically matured since | started 
using the computer. | never considered myself a great 
traditional artist when it came to technique - a piece 
usually took a month to complete. The computer really 
helped me to express myself a lot clearer and more 
efficiently. Unlike drawing or painting, | believe the 
computer can help you even if you don't have the 
talent. All you need is the determination to learn.” 

Clearly, the secret of David’s success is because of 
his talent and his determination. Since working on two 
illustrations for use by Wizards Of The Coast for its 
Magic: The Gathering card games, he’s built up a client 
roster comprising many highly-regarded publications, 
record labels and corporations, including the Chicago 


Tribune, Ziff Davis, Interscope Records, Sony Music, 
Hitachi, IBM and even the National Rifle Association. 


The present 


David primarily works with Photoshop 5.5, making 
good use of the Rubber Stamp, Burn, Dodge tool and 
Pen tool for clipping elements. He runs a Power Mac 
G4, which is a 500MHz system with 896MB RAM and 
an 80GB hard drive. Poser 4, Illustrator 8 and Bryce 5 
are also frequently used, along with Eye Candy 4000 
and most of the KPT plug-ins, but David rarely makes 
use of third-party plug-ins when creating his works. 

“| don't try to become a master of each program,” he 
says. “I’m really an amateur with the 3D programs. But 
| think | know my way around Photoshop really well, so 
that helps make up for my shortcomings. A lot of 
touch-ups of the 3D elements are done in Photoshop.” 

Atypical piece of work will begin as a low-res 
greyscale draft, with David concentrating on the main 
element in the scene. From here he moves onto a 
300dpi image at 8.5x11 or 10x10. Again, in greyscale. 

“| like working with greyscale because it helps focus 
on the lighting, composition, and elements without the 
distraction of colour. Then, when I’m happy with the 
artwork, | begin merging layers and converting the 
entire file to RGB (saving it with a separate file name), 
and | start to colourise each element separately.” 


1. This image, Leviathan, is from the Contemplations 
series and was originally created for the rock band 
American Head Charge. “They sent over an 
illustration of a seven-headed serpent, which in 
biblical terms symbolised Leviathan, and in mystical 
terms represented creativity in its purest form. Since 
the band had seven members, they wished to play 
upon this. | showed them several drafts but, in the 
end, they decided to go in a whole different direction 
and the project was cancelled. | really liked the whole 
concept, though, and decided to finish it on my own.” 


2. Both of these images are also from the 
Contemplations series and are called You Suck the 
Life out of Me and A Place to Die. 


3. One of David's commercial projects, this was 
another magazine commission. 
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For textures, David tends to utilise physical 
materials, either creating them with acrylics and 
scanning them in, or using a digital camera to 
photograph materials such as rocks or concrete walls. 
Landscapes are generally generated using Bryce, 
while Poser provides the basis for the human figures. 
“Most of my works are figurative, so | started using 
Poser when it first came out. Now, I’m hooked. Creating 
figures in Poser is definitely cool, but | try to make my 
figures less generic. | don't like people to see my works 
and go, ‘Oh, that was done in Poser’, It’s very important 
for me to manipulate the figures in Photoshop to make 
them more unique,” he says. 

Around 90 per cent of David’s income is from 
freelance graphic design work — packages, flyers, ads, 
and so on — which he keeps separate from his more 
personal projects. “Basically, whatever the client 
wants, | give. Although, with my illustration-based 


Shadow play 


projects, my clients know what I’m about before they 
assign the job to me. So far, the art directors have been 
cool, usually letting me follow my vision with minimal 
directing. Although, there have been times when 
people call in and say, ‘Oh, you're an illustrator, | have 
this project for a children's game’. Immediately, | tell 
them I'm definitely not the right person for the job.” 


Personal projects 


David tries to set aside at least one hour a day for his 
more personal works. “Artists do lead solitary lives,” 
he admits. “But unless you're an actor or a performing 
artist of some kind you usually can't be creating art 
while socialising. That’s why | try to go on vacation to 
different countries. It gives me a lot of inspiration, not 
necessarily in a direct way, but by observing the 
culture, language religion and the art of people of 


different nations and it gives me a good comparison 
for where | stand.” 

David foresees his work moving away from the 
fantasy-based themes and toward a more surreal and 
personal style. “After buying the Millennium man and 
woman from [w] www.daz3d.com, and Steffy’s textures 
for them from [w] www.renderosity.com, | think my 
style is evolving into a more mature one. If you look at 
my Contemplations 10 series and above, | think you 
can see the difference.” 

He's also exploring the possibility of taking his work 
further mainstream. “I'm thinking about approaching 
galleries and museums to exhibit. It would be nice to 
be recognised not only as a digital artist, but as a fine 
artist too. But that’s further down the line.” EEE 


> You can email David at fe} ho@davidho.com, and you can also view 
some examples of his work at [w] www.davidho.com. 


David’s first book gives the reader an insight into his impressive work... 


created vertically is because they fit better ona 


publication of a lavish 192-page book, which is 
entitled Shadow Maker. Chronicling his personal 
and commercial works, the book brings together 
more than 100 of his illustrations, with discussions 
of the techniques in their creation and the themes 
that were explored. 


“It was something | had in mind since | started 


creating art,” says David. “I love collecting art books, 


David Ho's most recent project has been the 
and | love curling up to a good art book late at night 
in bed with just the lamp on. | guess it made up for 
all those lonely cold nights when | didn't have a 


girlfriend. The reason that most of my works are 


book page.” 

After approaching around 20 publishers without 
any success, David decided to go ahead and publish 
the book himself. “It was more to fulfil a dream than 
for profit. My works appeared here and there in 
certain publications, but | just thought it would be 
nice to have a complete set of my works in one book. 
Whenever | look at my book, | always get a sense of 
nostalgia and also a greater sense of productivity.” 

Shadow Maker is available to buy at 
[w] www.davidho.com, although David advises those 


outside the US to go via [w] www.budplant.com. 


The figure in this piece, Quest 
for Humanity, was created in 
Poserusing two separate files: 
the head from a dog model, and 
the body of a man. Photoshop 
was used to create the walls, 
overlaying a rock texture on 
top. “The tiny grasses were 
created using Nozzlemania 
garden hoses from Fractal 
Design,” adds David. 


1. This piece, Armageddon Through Your Speaker, was created 
for Bionic Jive, a rock/hip-hop band on Interscope Records. 
“It’s usually hard working with bands to create a cover, because 
there are the band members, the art director, promotions 
people and the record label, all of who have an opinion,” 
laments David. “But this project was cool and they gave me a 
lot of creative freedom. They originally wanted to use my Future 
of War illustration, but | thought it was too fantasy-oriented and 
not fine arts enough, so | came up with this. The figure was 
taken from Contemplations 10 and tweaked a little.” 


2. David says that this creation, Nature vs Nurture, is pretty self 
explanatory. Right. 


3. This piece is inspired by a phrase from a commercial: “They 
say nothing remains constant except for change itself.” 


4. For this image, David rendered a girl’s face using Poser, then 
he separately took the eyes, nose and lips and placed them 
where he wanted them using Photoshop. Each facial element 
was then exaggerated so that the finished piece has a truly 
unique appearance. 


5 & 6. 3Furies, Cerberus and Loversinhell are both from a 
Dante's Inferno series. 


7. \d, Ego, Superego is inspired by Freudian theory and hits upon 
the term melancholy. 


8. When asked to describe The Fear of Perfection, David says 
that it deals with man's inability to understand the forces of 
the supernatural. 


David Ho discusses the 
themes and inspirations 
behind his art... 


“The themes | depict are the emotions | 
feel and the things | think about,” states 
David. “These include insecurities and 
anger | have for people and sometimes 
the world, the pondering of why we are 
here, the search fora higher truth (if 
there really is one), the need to hide 
from the world and conceal certain 
emotions from people, and the 
contemplations | have with death, 
about ageing, and about belonging.” 

Not surprisingly, many of the 
artists who have influenced David's 
work are those exploring similarly dark 
and sombre themes. From the outset, 
inspiration came from HR Giger 
([w] www.hrgiger.com) and Michael 
Whelan ([w] www.michaelwhelan.com). 
Now David cites Odd Nerdrum 
([w] www.nerdrum.com) and John Jude 
Palencar as major influences. 

“There are also a handful of 
illustrators and artists that | admire, 
including Dave McKean, Mark Ryden, 
Stephen Kasner, and Eric White. | also 
really like contemporary digital artists, 
such as Daniel Long, Mike Bohatch, 
Aaron Florez and Alessandro Bavari. 
Inspiration also comes from watching 
3D animated movies, and from the 
world around me.” 

The VH1 series Behind The Scenes 
is also an influence. “Occasionally, it’s 


the music that inspires me, but it’s 


usually a phrase in a song that sticks.” 
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PluginMagic 


Take control of the full product on our 
CD — with its 1250 Photoshop filters — to 
create exciting and sophisticated illustrations... 


5 ilters are not everybody's 
( preferred way of working. 

Many people would rather 

use Photoshop’s layer 
transparency options to create 
interesting effects. However, there are 
times when only a filter will do, either 
because they do something unique or 
they offer a quick and dirty route toa 
look that would otherwise be time- 
consuming to achieve. 

Sapphire'’s amazing PluginMagic 
series of over 1200 Photoshop filters 
offer a dizzying array of special effects 
and textures. No matter what you're 
looking for, you're bound to find it in this 
massive collection. 

Searching through the hundreds of 
filters, you will also find many 


unexpected solutions simply not 
available anywhere else. 

Some artists make the mistake of 
using filters to achieve a single, 
recognisable effect, rather than using 
them as part of the design process. There 
is no need for illustrations to end up 
looking like they were created by the 
evil, psychedelic son of Kai Krause. 
Filters should be used as a tool rather 
than a solution, and used judiciously will 
add to your artwork. 

This tutorial will take you step-by- 
step through three illustrations, showing 
you how filters can be used creatively, 
By simply using the images and filters 
supplied on this month’s CD-ROM anda 
little bit of imagination you can create 
unique and interesting artwork. 


Part 1: Using filters to add texture 


By applying different Sapphire plug-ins to the foreground and 
background, interesting textures can be achieved... 


Using plug-ins 

To install the filters in 
PluginMagic, click Install from 
the CD interface. This will extract 
a folder onto your desktop with 
two ZIP(PC) ortwo SIT files 
(MAC). When you extract the 
archives, use the password which 
is given on the page facing. You'll 
also be asked where you want to 
extract them to. You should 
extract small selections of them 
to your Plugins folder with your 
Photoshop folder. 


What is a plug-in? 
Plug-ins are small programs, 
modules and snippets of code 
which extend the functionality of 
Open the image, 1S22001.jpg, (supplied on the 


the host application. In 


Photoshop, they perform a . ‘ “ 
somewhere sensible. As the image is CMYK, you 


should convert it to RGB so that the filters work 
(Image>Mode>RGB). 


variety of actions from image 
Path as a Selection button at the bottom of the 


Paths palette. 


manipulation to enabling you to 
import and export unusual file 
formats. The most common 
plug-in is the filter, which is used 
to create visual effects that 
would be difficult to achieve with 
Photoshop alone. 


Installing filters 


You should always follow the 
manufacturer's instructions for 
installing filters, but they are 
usually installed in the special 
plug-ins folder inside the main 
Photoshop folder. For PC users 
the path will generally look like 
this: C:\Program Files\Adobe\ 
Photoshop 6.0\Plug-Ins\Adobe 
Photoshop Only\sapphire and 
for Mac users it will look Like: 
Harddrive:Applications (Mac OS 
9); Adobe® Photoshop® 6.0: 
Plug-Ins: Sapphire. 


4 | Begin experimenting with the filters. Filter 

previews can be misleading, so select a small 5 | Apply the SapphirePlugin_0081 to the entire 
area of the image to quickly gauge the effect of the image. This creates a dark, oily effect to the 
filter without waiting for the whole image to render. brushed metal background. 


The woman is standing out too much from the 
background so you'll need to matte her in a bit 8 | Set the layer transparency to Soft Light and 


more. Copy the WOMAN layer and apply the duplicate the layer. Experiment with 
SapphirePlugin_0025 filter which looks like a 


close-up of a CRT. a result you're happy with. 


Dy CD-ROM) and the first thing to do is resave it 2 Using the Pen tool, draw a Bézier path around 
the woman. When completed, click the Load 


introducing Hard Light layers as well until you have 


a! Create a new layer from the current selection 
(Layer>New>Layer via Copy). Hide the new 
layer and use the Clone tool to remove the woman 
from the background layer. 


6 | Copy the background by dragging the layer to 
the New Layer icon on the Layers palette. 
Rotate the image by 180 degrees and apply the 
SapphirePlugin_0007 filter which creates an 
interesting snakeskin texture. 


Add layers filled with solid colour and set their 

layer transparency to Multiply. Finish the 
illustration with some type, in this case Helvetica 
Neue, but Arial or Myriad would work just a well. 


Photoshop Ei 


Part 2: Expect the unexpected 


Overlaying filters can be time-saving and creative. But, 
even unexpected results can be blended into the final image... 


Filter previews 


Often the preview doesn't match 
the finished result when using 
some filters. This is because the 
preview applies the effect to a 
small 72dpi version of your 
image. So where an offset is 
involved, it can appear quite 
dramatic, but when applied to 
your 300dpi image the result is 


less so. The solution is to apply 
the filter to a small selection of 
your artwork which is fast to 


render and gauge the effect from. 


Open image !S41002.jpg (supplied on the 

CD-ROM), convert to RGB (Image>Mode> 
RGB) and duplicate the background layer by 
dragging it to the New Layer icon at the bottom of 2 Even unexpected results, in this case 3) 
the Layers palette. Make a small selection and SapphirePlugin_0443 applied to the whole 


On the bottom half of the image, apply the 
SapphirePlugin_0788 filter to create an 


experiment with some filters. image, can be incorporated into the illustration. interesting textured effect. 


On a new layer that is created from the 6 | 
unfiltered background layer, apply the Experiment with duplicating layers, masking 


With the Eyedropper tool, sample a blue 
colour. Create some rectangular selections with 
SapphirePlugin_0401 filter which inverts and off selections and applying different clipped corners and fill with the sampled blue. Copy 


mirrors the image. transparency modes. the layers and vary the transparency mode 


8 | You can add a certain dynamism to the 
7 Add some type, in this case VAG Rounded and illustration by adding blood red bars at the top 
Bauer Bodoni. As this illustration is the most and bottom and creating spikes using the Polygonal 


abstract, simple numbers are a good choice. Lasso tool from the toolbar. elements until you are happy with the illustration. 


Photoshop 


Review your work, change the layer order and 
transparency settings and add and delete 


Part 3: Playing with colour 


Filters are great for adjusting the colour and tonal 
balance of your image in one easy step... 


Filter overload 


Only a certain number of filters 
can be installed at any one time. 
The number of plug-ins that can 
be loaded at any one time is 
limited and installing all may 
cause Photoshop to fall over. 
Loading 500 or so is fine, but 
installing more can cause 
Photoshop to wobble. 


& Duplicate the background layer by dragging it 


a Open image 1553083 jpg (supplied on the to the New Layer icon on the Layers palette. 3 | Duplicate this layer and apply the 
CD-ROM) and resave so you don't Apply the SapphirePlugin_1120 filter to produce a SapphirePlugin_1166 filter which solarises the 
accidentally overwrite the original file. subtle blue-toned version of the image. image with blue, pink and purple colours. 


TSIM OTe IST a 


4 | Using the Polygonal Lasso tool from the 


toolbar create a rough mask around the G Duplicate the masked layer, offset slightly and 6 | Select a random part from the overlay image, 
image. This enables the blue background from step adjust the layer transparency to Overlay. This enlarge it and roughly mask out parts of it 
2 to show through. boosts the colour where the images overlap. using the Polygonal Lasso tool. 


) 
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9 | Add a couple of orange squares, scribble over 
them using a Layer Mask and the Pencil tool, 
to give your artwork a cutting-edge look that and add a touch of type - VAG Rounded again — 


Using the Brush tool go mad and scribble in 8 | Using a dingbat font, add some abstract arrows 
the top-left corner using the blue colour 


sampled from the image. will have your peers dribbling with envy. and put the finishing touches to your illustration. 
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Scanography 


Discover the new Photoshop technique behind our cover 


image. “It is taking photography and illustration into another 


phase,” says creator David Newton 


onvenience, not necessity, 

( was the mother of 
scanography. “It started out 
when | was playing around 

with my scanner,” recalls David Newton 
with a chuckle. “If | was working on an 
illustration which needed a hand 
holding an object, | would scan my own 
hand. Then it got to the stage, where | 
would think, ‘That looks quite good. | 
don't even have to modify it.’ So | would 
leave the scan of my hand in the 
finished illustration.” 

This led to the self-confessed 
technique magpie attempting to scan 
all manner of objects. “I used to smoke 
back then and | can remember turning 
my ashtray upside down on the scanner. 
It was horrible,” he says. Other ventures 
included flowers, fruit and, most 
bizarrely, a small octopus. “I think I’ve 
still got the copy of Computer Arts 
which launched scanography 
somewhere,” says Newton, jumping up 
and rummaging through a pile of 
magazines. And there it is: the tentacles 
of the octopus curled around the back 
cover of Computer Arts issue 8. It’s 
probably not yet a collector's item but it 
might be one day. “It doesn't look that 
good now,” sniffs Newton. 


“Scanography has come a long way 
since 1998.” 


Varying styles 

As a professional illustrator for 
magazines like Guardian Weekend, 
IKEA, and the Independent on Sunday, 
Newton admits he gets bored easily. “I 
have various distinct styles,” he says. 
“There's the traditional illustration stuff, 
the more staid corporate work, and my 
maps for the FT magazine. Scanography 
was fun because it was new, so | 
experimented with it.” The technique, 
which he named by combining 
scanning and photography, is not 
conceptually complex. All Newton 
does is place objects directly onto his 
scanner and scan them in, either with a 
piece of white paper behind them 
to bounce the 


light around and give a background, or 
using the transparency adaptor to 
provide backlighting for thin or 
translucent objects. 

“Obviously, a scanner has a shallow 
focal depth, so if objects aren't flat they 
quickly go out of focus,” Newton 
demonstrates, putting his watch onto 
the scanner under a piece of white 
paper. Once scanned and in Photoshop, 
he cuts around the object to create a 
strong, smooth outline and copies it 
onto a white background, usually 
adding a shadow to stop it looking flat. 
“| always like to put a shadow in,” he 
states. “It tricks the eye into thinking 
that the light source is above the 
object, as in photography. The 
stumbling block with scanning is that 
the light is always shining straight onto 

things, which can be harsh.” He also 

fiddles with the 


colour balance and contrast levels to 
remove the greyness inherent in 
scanning. In principle, that’s about it. 
It doesn't require heavy-duty 
hardware either. “| use a bog-standard 
G3, which is three years old, and 
Photoshop 5,” he reveals.” Not even my 
scanner [a Heidelberg Linoscan 1450] 
is top of the range. The stuff | do, | 
consider low-tech and simple. People 
often say to me, ‘I'm not getting results 
like you, because you must have an 
expensive set-up’. | feel strongly about 
that. It’s the idea, not the system that is 
important. Some of my best work was 
done with an entry-level scanner.” 
The evolution of scanography has 
been shaped by the magazines 
in which it’s been used. “I was 
cheeky at first,” he 
says. “| would show 
my experiments to 
Art Editors | 
knew well 
and say 
something like, ‘I 
think this would look 
good in the food 
section. | was worried that 
because the technique 
seemed strange, people wouldn't 
know what to do with it.” The result 
has been a stint creating the imagery 
for the cookery pages of the FT 
magazine, as well as an 18-month slot 
illustrating the food pages for House & 
Garden, which was how scanography 
developed its clean aesthetic. 
“Personally, that’s the style | like, but 
when you're working for the food 
section, the food needs to look 
appetising,” he says. This is where the 
finger-work arises. “When you scan 
food at 1200 dpi, it can look disgusting,” 
says Newton. “You don't see all the 
blemishes and marks with the naked 
eye, but in Photoshop you can zoom in. | 
spend a lot of time with the Clone tool, 
making everything perfect.” 
Handling this level of 
detail does have 


From art college student to Photoshop enthusiast... 


David Newton studied Illustration at the 
Harrow College of Art, but didn't use 
computers during his time there. It was only 
two years later that he took a course 
because he was fed up of graphic artists 
butchering his illustrations. “I hadn't even 


heard of Photoshop then,” he recalls. The 


its plus points as well, though. One of 
Newton's favourite images for House & 
Garden was a scan of the centre of a 
slice of kiwi fruit. Blown up and 
bleeding off an A4 page, it seems 
simultaneously mysterious and 
mundane. “It’s amazing when you can 
see all the little bubbles of juice oozing 
out of it. The scan was so good, | didn't 
do any digital trickery,” he enthuses. 
“And the great thing, in terms of the 
magazine, was that five hours after 
giving me the commission, the finished 
art work had been emailed back.” 

This must be galling for professional 
food photographers who require time, 
studios, lights, film and expensive 
processing to get results that are often 
trumped by Newton's simple digital 
approach. “It is funny,” he says. “Last 
year | went into the Photographers 
Contact book for the first time and my 
agent got hundreds of calls from people 
interested in my work. But when he 
explained actually what | did, they 
didn't want to hear it. They liked the 
work but the technique scared them.” 


Glenfiddich prize 


The photographic community may soon 
have a rude awakening, as Newton has 
been entered for the prestigious 
Glenfiddich prize for food photography. 
Interestingly, magazines do credit his 
work differently. In the FT, Newton was 
credited for his photography while in 
House & Garden, his work goes under 
the label digital imagery. 

“Pve always tried to ensure that my 
images in House & Garden contained 


experience proved to be an epiphany. “I 
think I’m quoted in an old issue of Computer 
Arts as saying ‘Photoshop is the greatest 
illustration tool since the felt tip,” he 
grimaces. The love affair continues, though. 
“It's a brilliant tool,” he says. “It’s amazing 
what you can do playing around with it.” 


an element that couldn't be duplicated 
in traditional food photography,” 
reveals Newton. And as the scope of 
his commissions has widened, this 
hyper-real look has developed. 
Newton's monthly work now includes 
the wine page of House & Garden and 
the horoscope for Harpers & Queen. 
Both have proved to be opportunities to 
merge scanography with Newton's 
background in traditional illustration. 
For example, last month's Aries 
juxtaposed a woman's suede shoe, a 
ram's horn and a piece of fur, while this 
month's Taurus could involve a tin of 
Colman's mustard powder. “I'd like to 
move into fashion and make-up. | can 
picture a spread of lipsticks, so I’m 
being a bit sneaky with the objects I’m 
using for the horoscopes, and trying to 
experiment some more,” he says. 

But perhaps the strangest aspect is 
that no one else seems to be doing this 
kind of work. “Scanography is taking 
photography and illustration into 
another phase,” says Newton. “I can't 
believe I'm the first person to do this.” 
As for any last words of advice for 
Computer Arts Special readers and it’s 
hard to get Newton to shut up: “Playing 
around is really important. I've only 
done scanography because I’ve had fun 
with it,” he says. “Push it, don't obey any 
rules, have fun, don't do what people 
tell you to do or you will end up using a 
scanner for paper.” He laughs. People, 
prepare to scan... FEES 


As well as food, David Newton has done a lot of work scanning flowers. He's still selling work from an exhibition of flowers two years ago. “No one wants to buy images of food,” he says, although a collector in 


Switzerland did recently requested an image of cranberries. “Flowers are far more arty.” 


Create an image like the one on our cover, which was created by David Newton... 


§ 1) The original strawberry scan, exactly 
GP how it came out of the scanner. 


The next stage is the most laborious 
one in Scanography for David, 
because he usually wants to give an almost 
hyper-real impression of perfection on the 
surface of the object. It entails using the 
Clone tool on a small brush setting, 
zooming in really close to the picture, and 
bit by bit getting rid of all the slight 
blemishes and imperfections. All the seeds 
are nice and yellow, which is done by 
copying yellow ones and positioning them 
over non-yellow ones. You can see that 
the colour saturation of the fruit has been 
increased and a drop shadow added. To do 
this, copy the Strawberry layer, fill it with 
black, blur it and reduce the opacity. 


the page. 


; The leaves are taken from another 


B scan, as they came out better on that 
one. A rectangular section was cut from 
the leaves picture and dragged it onto the 
strawberry image, positioning it where it 
looked most naturalistic. 


@ Use the Pen tool to create a path all 
= around the edge of the fruit and 
delete the background. This not only gets 
rid of the grey background in favour of a 
crisp white one, but it also helps create a 
vital optical illusion. 

It makes the strawberry appear as if it 
is sharply in focus all the way around, 
whereas its edges had gone out of focus, 
due to the scanner's shallow depth of field. 


@rm Like the strawberry before it, the 
te leaves have their background cut 
away. They are rotated, have their colour 
enhanced (via the Hue/Saturation and 
Selective Colour commands), and they 
have all imperfections airbrushed out. 

A shadow has been added beneath 
them to give a more realistic impression of 
them sitting on the fruit. 


1. This illustration, Energy 
Drink, accompanied a feature 
on the growing craze for the 
latest beverages in 
Independent on Saturday 
magazine. “I did a lot of hand- 
drawn characters and low 
shutter speed photography,” 
says Mark. “I think that this 
was my Photoshop layer 
record with around 120!” 


2. When Televisual magazine 
covered the Cannes TV 
festival, Mark decided to 
illustrate the piece using 
characters to represent each 
level of the industry. 

This includes the money 
man and the military-style 
man in camouflage. 


Mark 


“Everybody should have a pon 


gc 
Icy name for 


their work.” 


Illustrator Mark Swan talks about his changing styles... 


eveloping your own style doesn't always 
( 5 come easy to up-and-coming illustrators. 
: But with his superb mix of layers and 
textures, Mark Swan has made a good start. 
Since he graduated from university a few years ago, 
Mark has attracted clients such as the Independent, 
Men's Health magazine, the British Film Institute, BBC 
and Televisual magazine. And with the record for 33 
illustrations in one issue of the Financial Times’ 


Photoshop 


Saturday supplement, he certainly isn't work-shy. “I 
like editorial,” says Mark. “You get the brief, you do the 
job and the next week or month it’s on the shelves.” 
Before landing his first illustration assignment and 
deciding to freelance on a permanent basis, he also 
tried sound and titling for films, painting and tutoring in 
art and design. At last, his first illustration commission 
came from the British Film Institute. “After nine 
months of bugging them, | got the work. It was a 


Hitchcock book cover and is still one of my favourite 
pieces of graphic design.” He has since designed a 
number of book covers for the BF. 

Mark started to get into Photoshop following his 
studies in Visual Communication at Birmingham 
University. “It’s one of those few programmes that you 
can just mess around on quite freely,” he enthuses. “I 
had one lesson at university that showed me the 
ropes. When | got my own computer | just 
experimented and figured the rest out for myself. Now 
it's indispensable to me.” 

However, he was careful not to fall into the trap of 
trying everything at once. “At university, | saw students 
making images on Photoshop by using all the filters 
available and it looked awful. | seldom use more than 
three filters in an illustration, | mainly use Photoshop 
to cut and paste images together and make the most of 
the Layer options.” 

One of Mark's first editorial projects was for 
Televisual magazine, which is for the TV broadcast 
and production industry (see image 2, above). > 
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3. “This brief for the Financial 
Times was about divorce and, 
in particular, no-fault divorces. 
| wanted a more organic look to 
this one so | drew all the figures 
and patterns by hand, then 
layered more textures and 
colours over the top in 
Photoshop. The icon at the 
front was designed on the 
computer then printed, cut up 
and rescanned in.” 


4. This was Mark's first job for 
the FTand focuses on the 
obstacles or ‘glass ceilings’ 
that women hit as they try to 
scale the ranks in a company. “I 
was never so scared of taking a 
brief as with this one, but all 
went well. My Mum's picture 
frame was not so lucky - it’s 
glass was smashed as source 
material for the illustration.” 


5. The FTcommissioned this 
image, Your Move, about 
women not feeling comfortable 
giving men the come on. His 
ideas moved from chess toa 
cowboy scene, for which he 
scanned in his own arm and 
hand. “It was an image that 
most ended up how! 
envisioned it at the beginning.” 


6. This illustration was for 
Televisual concerned video 
transfer companies. “I wanted 
the image to be in the first 
person - the person is the 
client looking at it. | really let 
loose on the layers, building up 
texture over colour over 
texture. The finished item 
looked like a print, and 
Televisual thought | hadn't even 
used the computer do make it.” 


7. Featured in the same article 
as the previous image, Sealed 
With a Kiss, features a married 
man building a wall around 


himself after being rejected by a 


woman at work, The drawn style 
differs visibly from the 
Timeshare image for the FT 
(image 9). 


8. This striking image 
accompanied an article in the 
Financial Times concerning 
male attitudes to women by a 
feminist writer. “I created the 
target image as a tongue-in- 
cheek response to that. Funnily 
enough, the women thought it 
was great, but the men thought 
I'd gone a bit far...“ 


9. Timeshare illustrated another 
feature for the FTabout anew 
wave of Timeshare Experiences 
that are becoming a more 
popular way to spend money. 
The photomontage-style is 
complied from various images 
from magazines as well as his 
own collection. 


“| was still getting used to Photoshop as a programme 
and how it related to my previous working method. So 
as | learned more, the illustration became detailed and 
intricate.” The image appears to contain a bit of 
everything - strong characters, lines, textures, 
photography and layers. “At the end | didn't know if | 
had created a bold, original illustration ora Photoshop 
disaster,” he confesses. Fortunately, for Mark, they 
liked it enough to make it the cover image. 


Freestyler 


Mark's style has a hand-drawn feel, with eye-catching 
figures and environments, dark lines that trace the 
imagery as well as some interesting texture effects. 
But he's not planning to settle into these methods. “If | 
have a style, I'm always trying to change it.” He also 
believes there's an element of Pop Art to his graphics, 
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and he cites artists such as Richard Hamilton and 
Eduardo Paolozzi as his inspiration. “But | find 
inspiration everywhere, most is related to the movies, 
although The Designers Republic and Intro have also 
been an inspiration to me with their CD cover designs.” 

He admits to occasionally using the phrase, “hip- 
hop montage” to reflect his portfolio: “Everybody 
should have a poncy name for their work... by this, | 
mean that | take elements from everywhere and make 
them in to a new piece in my style.” 

From the graphics-based book covers forthe BFl to 
his experiments with comic illustration and 
photography, his varied interests and talents also 
feature prominently throughout his portfolio. Some 
illustrations have involved retaking photographs of the 
images on the screen from different angles orthrough 
a glass of water. He's also tried printing the illustration 
onto paper and rescanning it for use as a texture. “I 


have scanned in practically everything | could put on 
the scanner, including my shirt and trousers. Allin all | 
will try and use anything to make an image work.” 

As a relatively young illustrator, Mark’s industry 
perspective is growing. “I would say that illustrators are 
getting a real second to graphic designers.” A 
statement that many would agree with. He also 
believes that not enough original artwork is on display 
in the real world. “Being an illustrator, of course I’m 
going to say that more illustrations should be in 
magazines and all other media, but | think it’s true,” he 
asserts. “You are always going to get something 
original with an illustration that often crosses 
boundaries that photography cannot.” So does the 
answer lie in a combination of the two? EEE 
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Creating 


3D textures 


We show you how to create 3D texture maps 
and objects with the help of Photoshop... 


hotoshop is a crucial tool for 
any 3D artist, not only for 
compositing 3D images and 
final colour adjustments on 
renders, but also for creating texture 
maps for 3D objects. While you can 
paint textures by hand in Photoshop, 
which is arguably the best way to create 
high-quality textures, it has numerous 
tools on offer that can be employed to 
speed up the whole process. 

The best part about creating 3D 
textures yourself is the challenge of 
finding the tools in Photoshop that are 
best suited to the job. Combinations of 
filters, masks, selections, hand painting 
and Adjustment Layers can be found that 
enable you to recreate exactly the right 


look that you're after. You can be sure 
that whatever the texture, Photoshop will 
be able to create it. If you are lacking 
inspiration, we've provided this tutorial 
with plenty of example textures that will 
show you how to use Photoshop to the 
fullest when creating 3D texture maps. 
To help with this tutorial, the finished 
texture for each example can be found 
onthe cover CD. 


Part 1: Noise 


Using Noise is a great way to make textures and surfaces appear less computer generated... 
The Noise filter 


Noise does not use the 
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foreground or background 
colours. To create noise of a 
specific colour, either apply itto 
a layer containing that colour and 
use a suitable Blending mode, or 
run Hue/ Saturation with the 
Colorize option. 


oj Choose a greyscale document for a plain noise 
map (no use wasting memory on an RGB file 


aa Noise is one of the best tools you have for 


creating textures. But don't forget that noise that only has a greyscale image in it) and then run 
on its own is a useful texture in itself. Use it in the the Noise filter. For simple noise choose either 
Diffuse channel to add subtle organic variation to a Gaussian or Uniform and turn the Amount up full. 
material's surface. You can get away with using a This gives a simple noise map that you can tile easily As a variation, set the amount low (around 30 
moderate image size — 512x512 pixels is fine for all without apparent seams. Use as a low level in the per cent) and set to Gaussian for a slightly 
but the most extreme close up. desired material channel for a subtle effect. clumpier noise, or Uniform for a smoother look. 


Part 2: Fractals 


Making use of Photoshop's built-in fractal Noise filter: Clouds... 


Difference Clouds 


Difference Clouds can be used 
to make a great rough floor 
texture, like mud or earth. 


Pa d 
ay Photoshop's Clouds filter is an excellent way to 


create non-specific 3D textures. Like the Noise Difference Clouds are used to create a more 
filter it can be used in the Diffuse channel to mottle intense fractal pattern. Apply Clouds (press ce Mixing both Noise and Clouds provides you 
a surface in an organic way. Clouds is a special filter D to reset default colours) then Difference Clouds with further possibilities. This simple dirt map 
because it will tile seamlessly if the image size is a over the top. Repeat Difference Clouds was created by applying Noise then the Difference 
multiple of 128 pixels, so 256, 512, 1024 etc. (Command/Ctri+F) to create more intricate fractals. Clouds. Any of these types of maps can be used 
square images will tile fine. Here is the result of 15 or so applications. whenever you need to dirty-up a material channel. 


Part 3: Granite 


Make a simple and authentic granite texture in a few easy steps... 


Main colour fal aetna | ecee| Gea) Geamen e 
texture map 


Don't forget that for most good 
textures, you will need more than 
just the colour map. Bump, 
Specular, Reflection maps etc. 
can usually be derived from 

the main colour texture map 
within Photoshop. 


Eu A simple white granite-type material can be - : 
created using Noise as a starting point. Create 2 | in anew layer, render some clouds and apply go} To finish off, create a new layer filled with 
anew document (512 pixels square) and add some Difference Clouds a few times. Then, set this black. Apply Noise to the layer and set it to 


Gaussian Noise, about 35 per cent. Now choose layer to Multiply mode and reduce the opacity to Screen mode. Apply Levels to the layer to create a 
Filters>Pixellate>Pointelize. This will create a spotty get just a small amount of variation in the fine dusting of bright white spots, like bright quartz, 
pattern from the noise. background white colour. by compressing the white and black sliders. > 
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Part 4: Grass 


Texture your 3D landscape or architectural environment with a custom-made grass surface... 


Green, green grass 


If you want cleaner grass just 
omit step 5. Try stripes using a 
Levels Adjustment layer and a 
striped mask. 


1] Grass is a simple texture to create, depending 


on how accurate and expansive you want it. 
Begin with a fairly large document since the grass 


will usually be covering a large amount of floor area. 


Set the foreground and background to a dark and 
pale green to your taste, then render some clouds. 


4 | Double-click the Background layer. You'll see a 
dialog asking if you wish to turn the 
background into a new layer. Click OK. This is 
because we need to put a layer below the 
background — we could have simply created the 
clouds on a new layer to begin with. 


2 | Create a new layer and fill with the dark green. 
Now apply some monochrome Gaussian 
Noise (about 30 per cent or so). Set the mode to 
Multiply then double-click the layer to access the 
Layer Style dialog. Drag the upper white Blend If 
slider (referred to hereafter as Upper Layer Blending 
slider) to expose the layer beneath. Option-drag it 
to feather the effect. 


5 | Create a new layer and drag it below the 
Clouds layer, choose a mid-brown and fill this 
layer with it. We want this colour to show through 
in patches. To do this, simply add a Layer Mask to 
the Clouds layer and render clouds in it. Use levels 
to adjust the degree of brown that shows through. 


To vary the look of this image further, add 
| 3 | another layer but fill it with the light green. 
Again, apply Noise to the layer, but set the layer 
mode to Overlay. Open Layer Styles and drag the 
black Upper Layer Blending slider to bring the 
darker portions of the underlying layers through. 


Gg Save out the map and apply it to your floor 
object, or hills and so on. If the texture has to 
extend over a large area, you can help to reduce 
patterning by creating three or more variations, and 
then overlay them at different scales and angles 

on the 3D object. This is not the type of grass that 


will bear close examination, but it is good for the 
middle distance. 


Part 5: Rivetted plate 


Metal plates are simple to create using a texture rather than modelling them... 


Photoshop 
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eG To create a simple rivetted metal plate, begin 
by creating your document at 256x256 pixels. 
Enter Photoshop Preferences (Command/Ctrl+K) 
and go to the Guides and Grid options. Set Gridline 
to every 64 pixels and Subdivisions to 4. Click OK 
and activate Grid and Grid Snapping. 


Eg Create a new brush and set it to the size you 
want your rivets (preferably a multiple of four). 
Set hardness to 100 per cent and spacing to 400 

per cent. Set foreground colour to White then 
Shift-drag at the first whole corner grid point and 
paint a row of rivets. Continue around the plate. 
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Select all, then choose Select>Transform 

selection and Option/Shift-drag a corner to 
shrink the selection. Next, Invert it (Command/Ctrl+ 
Shift+1), feather it, and then use Levels to darken 
the edges slightly. 


Part 6: Human skin 


One of the more difficult textures to master is human skin. A decent skin texture map, 


like the one below, can be created in Photoshop without too much hassle... 


Bump and 
Specular effects 


For really realistic skin paint your 
face black (ora gullible 
colleague's), press it on a piece of 
paper then scan it. No really, it 
works great for creating Bump 
and Specular textures. 


ripe 


a In anew layer filled with the foreground 
colour, apply Noise with a large value. Run the 
Blur More filter to soften it, then use Pixellate> 
Crystalize, set with a small size. This creates a 
skin-like cellular pattern. It's not accurate, but good 
enough for simple skin. 


gs To add some base variation to the skin, choose 
two darker/redder fore and background 
colours and render clouds in a new layer. Clouds 
uses the fore and background colours in its 
calculation. This is applied in Hardlight mode to 
provide the mottling. 


@ Begin by filling the background with a base 

colour for your desired skin tone, here it’s a 
creamy pink colour. Note that the image is quite 
large at 1024x1024 pixels. 


5 | To go further with the effect we can duplicate 
the Noise/Cell layer, desaturate it 
(Command/Ctrl+Shift+U), then run the Find Edges 
filter (Filters>Stylize). This traces the edges around 
the cells in black. Blur this layer a bit and apply in 
Overlay mode at about 10 per cent. It's shown here 
magnified and at 20 per cent so you can see it much 
better - it's very subtle but worth it. 


4 | We only need the luminance values, so the 
layer is set to Luminance mode and its opacity 
is reduced to about 10 per cent. Note that using the 
current (pinky/red) foreground colour as the base 
for Noise is not essential for the effect. This is 
because the colour information is ignored. 


Part 7: Wood 


Many varieties of wood can be created in Photoshop. Here's a good base texture for wood grain... 


G Finally, add some blemishes and freckles. 
Create a new layer, fill with white. Apply a lot 
of Noise and then blur it. Use Levels to squash the 
Noise so that only a few spots remain. Run the Blur 
Levels procedure again to get rounder, sparser 
spots. Colourise the layer using Hue/Saturation. 


aa We-s A 


There are so many different types of wood 


that there's no one right way to create it. 
Here's a simple procedure that you can use to build 
up a non-specific, wood-like texture, though. Fill 
the background with a mid-brown colour, then 
choose a darker brown and draw some closely 
spaced, random horizontal lines in a new layer (hold 
shift to constrain). This image is 2024x512 pixels. 


2 Duplicate the layer and shift it vertically to 
create more lines — some closely spaced, some 
not so. Make another duplicate and hide it. Link the 
other two (or three if you want more stripes) and 
merge them. Blur the merged layer quite a bit, then 
apply Levels to reduce the contrast between them 
and the background. 


3 | Create a new layer and fill it with white. 
Duplicate the hidden lines layer, make it visible 
and move it above the white layer. Link and merge 
them, set the blending mode to Multiply. Now you 
can blur the layer and apply Levels to create thinner 
darker stripes that run along the blurred ones. At 
this point, it looks similar to pencil cedar. > 


Photoshop 


4 | To the layer of blurred stripes, apply the 
Distort>Ocean Ripples filter and set to 3 and 3 
(Size and Magnitude). This disrupts the stripes 
giving them more of a woody grain. At this point 
you have a wood-like texture that can be used to 
create a variety of different straight-grained woods. 
Apply a Brightness/Contrast Adjustment Layer to 
vary the appearance from a pale, cedar or pine to a 
deep mahogany or rosewood. 
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6 You can create a much more wavy grain by 

Merging the Bitmap layers and duplicating 
them, and then applying the Distort>Wave filter. 
Use Sine mode and a low Scale value with a high 
number of generators. 


G If you wish to create some planks of wood just 
draw some black lines on the texture by 
blurring them slightly. A Bump map can be created 
by duplicating a suitable channel and applying levels 
or Brightness/Contrast to it. 


Part 8: Space ship hull 


The classic space ship hull texture makes it easy to create Photoshop's filters and Layer Styles... 


Hull-type textures 


There are an infinite variety of 


hull-type textures possible, but 
key to all of them is creating a 
Specular map based on the 
Colour/Diffuse map. 
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iS Like all good textures, we begin by applying 
some Noise to the background layer, the 
image is 1024x1024 pixels greyscale. Run the Blur 
More filter then the Pixelate>Mosaic filter. Set the 
Cell Size to 32 pixels. Apply in Difference mode. 


3 Apply Auto levels (Image>Adjust menu), 
duplicate the layer and run Mosaic again - this 
time set it to 64 pixels. Apply in Overlay mode. 
Repeat this procedure, but this time set Mosaic to 
128 pixels. Alternatively, if you want to create a 
more random effect choose a different number such 
as 112, then apply in Exclusion mode. 


Aa This is your base texture. To create the details 
you could draw them by hand, which produces 
the best result, but it does take some time. A quick 
way is to use Colour Range. Click on a colour in the 
image with the eye dropper and Fuzzyness set to 0. 
Click until you find a good distribution of samples. 


4 | Click OK to load this as a selection. In a new 
layer fill with a light grey. Apply a Drop 
Shadow Layer Style to the layer, and set the 
Distance to zero. Adjust Spread and Size to create 
some dirt or grunge around the details. Increase 
Noise in the Quality section if you wish. 


G Repeat this operation with another Colour 
Range selection. This time we can apply a 
more complex Layer Style. Activate drop shadow, 
Inner Shadow and Outer Glow. Outer Glow is set to 
create a thin outline around the layer's shapes. Use 
100 per cent Spread, and 1 pixel size. For Inner 
Shadow set Choke to 100 per cent and adjust 
Distance and Size to your taste. 


G Finally, you can add some oil streaks. Create a 
new layer filled with black, then load the detail 
layers as selections (Command/Ctrl+Shift-click them 
to add selections) and fill with white. Run the 
Stylize>Wind filter (in Wind mode) a few times. 
Invert the layer, then mask out the blocks by using 
the detail layer's selections as a Layer mask. Flatten 
the layers and rotate 90 degrees counter clockwise. 


Part 9: Weave 


Make a tileable weave texture that can be used as a Bump map for clothing... 


ee Cloth is typically difficult to simulate both 
dynamically and texturally. Here's a quick 
weave texture that can be used to help create cloth, 
especially up close. Create a new greyscale file 
which is 128x128 pixels. In Grid preferences set 
Guideline to 64 pixels and Subdivisions to 4. 


Next we need to create the threads that 

weave in between a new layer. Marquee the 
centre two rows horizontally up to the edge 
gradients, not over them. Create a reflected 
gradient like so, making sure you drag from the 
centre-right to the edge of the document. 


| 2 | Fill the background so you can see the guides 
(Command/Ctrl+Option+' (apostrophe) to 
show guides). Marquee-select the two edge 
columns (Shift to add selections) and, with the 
Gradient tool set to Reflected mode, Shift-drag from 
the centre line upwards to create the first thread. 


mag 1) = 


This is the trickiest one to select, or at least to 

describe how to select it. It's the upper and 
lower horizontal rows that pass over the vertical 
edge gradients, but under the centre one. Create 
the gradient as before. 


Pe] Now add a new layer and marquee the centre 
two columns and create another gradient in 
the same way, but before you do type ‘x’ to flip the 
foreground and background colours. 


ae 


G Finally, fill the background with black, then 
load all the other layers as a selection and add 
a Levels Adjustment Layer. Pull up the black Output 
slider to change the black in the gradient to a dark 
grey. You can optionally flatten and blur the image 
slightly too. 


Part 10: Cow hide 


Where would you be without the classic cow hide texture. In fact, this quick procedure can be used to 
create anything from planet surfaces to animal hides... 


new document that is 1024x1024 pixels, then 
render clouds in it. Apply an Threshold Adjustment 
Layer and drag the slider to your taste. 


g Creating a cow hide is simple. First, you need a 


g The edges will probably be too ragged, so 
apply some Gaussian blur to soften them and 
take out the randomly rough edges. Apply Levels 
then sharpen them back up. To do this, drag the 
black and white Input sliders inward. 


3 As an additional step you can apply a filter, 
such as Sketch>Conté Crayon, to add some 
extra edge detail. The basic procedure can be 
adapted to recreate other patchy animal hides. 
Planet surfaces can also be created in this way. GEES) 
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FEARGAL STANDS IN THE DARKNESS, 
WITH HIS SWORD DRAWN. WALTING FOR THE 
BEAST TO STRIKE... WHEN SUDDENLY... 


Colouring comic art 


Learn how the professionals use colour to bring graphic 
novel and comic book illustrations to life in Photoshop... 


here are three essential 
people in every comic book 
art department: the Penciller, 
the Inker and the Colourist. 
The Penciller draws the original art 
which defines the overall look of the 
comic. The Inker refines the pencilart 
and will often add basic light and 
shadow. But the real unsung hero of the 
whole process is the Colourist. 

The Colourist has the biggest job. This 
includes defining the overall colour 
palette, creating multiple coloured light 
sources and incorporating them into the 
frames and environments, adding 
detailed highlights and shadows 


absolutely everywhere, and making sure 
that each spread balances out ina 
pleasing and dramatic way. It is difficult, 
especially when you factor in long hours 
and tight deadlines. 

The tool of choice for today’s 
professional Colourist is Photoshop. The 
flexibility is almost infinite and can save 
a lot of production time. Layers are 
indispensable; the ability to keep things 
separate within an image gives the 
Colourist the luxury of changing his/her 
mind along the way. It also enables 
subtle effects to be built up by 
combining layers, or to gently fade out 
and blend together certain areas using 


layer masks. Things like quickmasks, 
paths, and gradient tools, can all be used 
together to achieve astonishing results. 
These results may not have been 
possible, or just too time-consuming, 
before the advent of Photoshop. 

Each Colourist will have their own 
specific method of working which can 
often add to the unique style of each 
comic’s artwork and look. This tutorial 
will give you a basic overview of how the 
process works and, when you begin to 
notice the amount of work involved, you 
will have a new found respect for the 
Colourist, and never look at comic books 
in the same way again. 


Part 1: Preparing the black ink drawing 


After scanning the black ink drawing, we'll need to clean it up a little 


before we can start introducing colour to the illustration... 


Overlapping 
colours 


As a general rule, you want the 
most flexibility possible at all 
times. So always remember this: 
if one colour overlaps another, 
then it should be ona different 
layer. Sometimes after you are 
finished you may want to alter the 
Hue/ Saturation or ink content of 
a specific colour or area of the 
image, You can save yourself a 
lot of trouble by keeping things 
as separate as possible. This way, 
an adjustment to one part of the 
image doesn't require a new 
selection or mask to protect the 
rest of the image. 


which is in the Tutorial\Comics folder on the 
cover CD. The first thing to do is increase the 
contrast to eliminate the mid-tones that are a result 
of the scanner. You want to brighten the whites, 
darken the blacks, and eliminate any greys in 
between. Use either Levels, Curves, or Brightness/ 
Contrast, whichever one you are more familiar with. 


Select All (Command/Ctrl+A), and Copy 
(Command/Ctrl+C). Create a new CMYK file, 
(Photoshop will make the dimensions the same as 
the contents of the clipboard). Create a new alpha 
channel in the CMYK file, and paste the image into 
the channel. Command-click the channel icon to 
generate a selection from that channel. 


\ 


2 | Even though the Inker has done a wonderful 
job, the scanner will reveal the less obvious 
imperfections. Zoom in on some of the solid black 
areas, you will notice little spots here and there that 
aren't covered. Take a small hard-edged brush and 
paint over the white specks in the solid black areas 


using a fill colour of black. 


You will probably need to invert the selection 

(Command/Ctrl+Shift+!) unless you have 
changed the channel options from their default 
settings previously. Create a new layer in the Layers 
palette. Select a foreground colour of black and fill 
the active selection with the foreground colour 
(Option/Alt+Delete). 


r 
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Now, use the same hard brush with a fill of 

white. Paint over white areas that have little 
black specks that shouldn't be there. Feel free to 
smooth out or sharpen some of the black linework. 
Also, go ahead and paint over any black linework 
that you think makes the image seem overworked. 


Deselect (Command/Ctrl+D). Apply the Lock 

All function to this layer in the Layers palette. 
We will be using this layer to generate selections 
from and we don't want to accidentally apply any 
colours to this layer, the colours will go on various 
underlying layers. The Lock All function ensures that 
this layer will not be moved or modified in any way. 


Part 2: Adding colour 


On underlying layers we'll add some basic colour schemes to define the overall colour palette... 


Using Actions 


Tasks like expanding selections 
will come up again and again 
when doing this sort of work. 
Remember to use the Actions 
palette. Go ahead and record an 
action that expands your 
selections by one pixel and 
assign the action a function key. 
Believe us when we tell you that 
something as simple as this can 
really speed up your production, 
You could shave hours off of the 
time it takes you to apply colour 
to an entire book. 
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selection the shape of the image. Fill it with a 
foreground colour of teal (Option/Alt+Delete). Use 
a linear gradient with the foreground set to 
transparent to introduce a green gradient from the 
bottom up. Create a new layer and fill a rectangular 
selection the shape of the inset with blue. 


Use the Magic Wand tool on the black layer to 
click on the large open area inside the face. 
Make sure Anti-aliased and Contiguous are enabled 
in the Tool Options bar. Hold down the Shift key 
and click on the open areas for the cheeks and the 
neck to add them to the selection. Choose Select> 
Modify>Expand and enter a value of 1. 


eo This expands the selection enough to close the 
gap between the black and the colour. Create 
a new layer under the black layer and fill the 
selection with purple. Deselect and use a small hard 
brush to paint in some colour in the areas that 
weren't included in your selection, like the eyelids. 
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Go ahead and use the eraser with a hard- 

edged brush to remove areas where the 
selection has strayed, like into the hairline and the 
right eye. Find other areas throughout the image 
where areas are enclosed within black pixels. Use 
this quick method to begin adding colour 
throughout the image on different layers. 


6 | The second quickest method is to simply paint 
using a hard-edged brush. Basically, you don't 
have to be too careful, because the top layer has a 
black outline surrounding most of the areas you will 
want to fill. So go ahead and choose some colours 
from the picker, use different sized brushes where 
needed, and begin painting. 


G Make sure that the colouring of the suction 
cups on the tentacles are done as a separate 
layer from the tentacles. We will soon be adding 
light and shadow, and we'll want to do them 
separately without masking them. Also, when you 
add the “ka-choom”", do it as its own layer too. 
When we create the explosion, “ka-choom" will be 
on top. All other colours will be underneath. 


Part 3: Paths and gradients 


Now we'll add in some highlights and shadows using closed paths 
to generate selections, and gradients for smooth transitions... 


Staying organised 


In an image like this, with many 
layers, it is easy to get confused 
Here and there, you will want to 
go back and tweak colours on 
different layers. A good way to 
keep track of things is to name 
your layers, so that you can 
reference them quickly in the 
Layers palette. Also, each 
element in this image is made up 
of several layers. Try colour- 
coding the various layers that 
make up one element. For 
instance, make all of the layer 
icons for the layers that make up 
the octopus yellow, such as the 
solid colour layer, the tentacles 


layer, the highlights and shadows, 


etc. You can specify the name 
and the icon colour of a layer 
under layer properties, in the 
Layers palette sub-menu. 
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ay Go ahead and blend colours together using 
gradients. Here, inside a rectangular selection, 
we used a linear gradient with the option of 
foreground to transparent on a new layer, with a 
muddy green fill colour. It is a good way to show the 
muddy shore blending into the water. 


4 | If you notice that some of the edges of your 
highlights or colour layers are too sharp, go 
ahead and add a layer mask. You can soften any of 
the shapes by using the Radial Gradient tool on the 
layer mask with a fill of black to transparent, you 
can also use a large soft brush with a low opacity 
setting to achieve the same effect. Use whichever 
you find more intuitive. 


Ei Use the Pen tool to draw some closed paths 


where highlights should appear. 


Command/Ctrl-click the path icon in the Paths 
palette to generate a selection from it. Create a new 
layer, and inside the current selection, use the Radial 
Gradient tool with the foreground to transparent 
option to introduce a series of gradients for 
highlights, using light foreground colours. 


G Use the Pen tool to draw some closed paths 
where shadows should appear. Make a 
selection from your closed path. On a new layer, 
inside the current selection, use the Radial Gradient 
tool with the foreground to transparent option to 
introduce a series of gradients for shadows, using 
darker foreground colours. 
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a Now try adding in some smaller gradients 
without using selections, with a lower opacity 
setting, to even the highlights out a bit. Use the 
same Pen tool/gradient technique to make smaller 
brighter highlights on top of existing ones, to mimic 
specular highlights. Use these techniques on various 
layers to add highlights to all of the elements in the 
image, except the explosion. 


6 | Now, add in some smaller shadow gradients 
without using selections, with a lower opacity 
setting to help even out the shadows. Use this same 
technique to make smaller, darker shadows within 
the existing ones to give them some depth. Go 
ahead and add shadows to all of the elements in the 
image, except the explosion. 


Part 4: The explosion 


Help the leprechaun blow up this beast, starting with Quickmask and 
finishing by painting over the content on the black ink layer... 


Colour palettes 


Often, when colouring an entire 
book, you will want to use certain 
colours again and again for 
consistency. Defining a key group 
of colours will help create an 
identity for your comic book. So 
why not create a custom swatch 
palette to keep handy those 
colours which you will want to 
access again and again. 


First, delete the swatches in the 
swatch palette by holding down 
the Command/Ctrl key and 
clicking on them one by one. 
Then, sample a desired colour 
from the image using the eye 
dropper tool, and click on the 
swatches palette. The colour will 
be added to the swatches. When 
you have created a group of 
colours that you will use again 
and again, save the swatches by 
choosing Save Swatches in the 
Swatches palette sub-menu. 
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Pa Enter Quickmask mode by typing Q on the 
keyboard. Use a hard-edged brush with an 
opacity setting of 100 and a fill of black to begin 
painting a mask. Use larger or smaller brushes 
where needed. Fill in the area of the explosion and 
the crackling energy, as well as the area around the 
leprechaun's hands and the beam of light. 


4 | Create a new layer. Select a large, soft-edged 
paintbrush and paint a light yellow colour in 
the centre of the explosion and in the area where 
the leprechaun's hands are. Paint in varying 
opacities, with the settings getting lower the further 
out from the centre you get. Add a little yellow in 
along the beam of light under “ka-choom". 


Create a new layer underneath the black layer. 

Create a small Radial gradient with a fill of 
light yellow to transparent directly over the top of 
the leprechaun’s hands. It helps to convey the idea 
that the power behind the explosion is emanating 
from his hands. 


Exit Quickmask mode by typing Q. Create a 

new layer just above the background and fill 
the selection with white. Reduce the opacity of the 
layer to 40 per cent, and change its mode to overlay. 
Add a layer mask and gently mask out any 
unwanted hard edges using Radial gradients and 
soft-edged brushes. 


G Create a new layer. Now, use the same method 
we have employed previously to draw some 
closed paths, and use gradients inside the selections 
to add sections of colour to all parts of the 
explosion. Use mainly orange and yellow to convey 
the feeling of heat. You can also create a series of 
these layers if you like. 


8 | To make the explosion even more dramatic, 
add in some gradients along the top of the 
image. Create a new layer and draw a series of 

paths for generating selections. Use the Gradient 

tool inside the selections to create subtle blends of 
colour. Add a layer mask and mask out unwanted 

areas using brushes and gradients on the mask. 


& wey 

a Command-click the layer icon to make a 
selection from it. Choose Select>Modify> 

Contract and contract the selection by 10 pixels. 

Create a new layer with a mode of overlay, and 

use the Radial gradient set to foreground to 

transparent, to introduce a series of small gradients 

in different areas of the selection. Use colours 

sampled from the background. 


/ (eae WN 
Select the black ink layer. Deactivate the Lock 
All function, and enable the Lock Transparency 
function. Choose a large soft brush, and use the eye 
dropper to select colours from within the explosion. 
Paint over the black ink that lies within the centre of 
the explosion, as well as the area around the 
leprechaun’s hands. 


9 | Employ this method to create some streaks of 
light emanating from the centre of the 
explosion. After that, your job is finished if you want 
it to be. Go ahead and continue in this manner, or 
feel free to adjust the colours on individual layers. 
Also, go ahead and add in some descriptive copy 
and voice bubbles if you feel inclined. 


Photoshop 


1. This piece represents Customer Relationship 
Management solutions in server side applications. 
Warren created the stadium in Bryce, and the 
automated turnstiles in Photoshop. The use of light on 
the latter is mostly made from layers and the Dodge 
and Burn tools. Good use of your selection tools is 
vital here. According to Warren, selection tools are 
the most useful thing to master in Photoshop. 


2. “Again it's a simple use of light and dark, and it uses 
just two colours really. It was this series that gelled my 
current style of work — simple use of colour, shape, 
and concentration on subject. No unusual techniques 
here, just blending modes and the ubiquitous 
selection tools to make sure the crisp areas are 
clearly separated from the white or blurred areas,” 
says Warren. 


3. Warren says: “I did this after a visit to the Wallace 
museum as it’s great to develop as a textural subject. 
The helmet was created entirely in Photoshop, using 
various selections, the Dodge and Burn tool, the 
Airbrush tool and the Unsharp Mask. 


4. This came from a brief called Fortress Rochester 
about the people and facilities that create and 
manage the development of the iSeries servers. 
Warren uses numerous clashing geometries to create 
movement in the image. He rendered a simple box at 
an angle in Bryce and then used Photoshop to create 
all the details and texture of the server itself. The 
Poser characters are dressed in Photoshop uniforms. 
Warren reckons it's one of his more successful 
illustrations, in terms of finish and overall balance. 


5. An illustration of the central hub-like role of 
Enterprise Resource Planning business applications 
and its derivatives in big business. Warren had the 
idea of the application being like a cross between a 
hub and a generator, controlling all of these packets of 
data. Most of this layout was created in Bryce with 
some obvious Photoshop masking and layering to 
finish the image. 


6. For this piece, The Battle of the Web Servers, 
Warren used a modified version of his previous play 
with opposing geometries by using the various blend 
modes in Photoshop. The rudimentary tanks are 
Bryce constructs, with Photoshop finishing for the 
texture, placement and the flash of the gun firing. This 
use of colour is typical in Warren's work. The art editor 
who commissioned this rejected an initial version that 
was much busier, and went with this one. 
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Warren Sonett 


“Think like a painter and finish like a photographer. And practice, practice, 
practice - about ten hours a day for three or four years ought to do it.” 
That's how to become a Photoshop expert says Warren Bonet... 


ust call Warren Bonett a Photoshop junky. 
He's been a user for the past nine years and 
it’s been gradually taking over his mind. “It’s 
gotten to the point that when | break 
srnaing or cut myself my first thought is that | can 
Photoshop it,” jokes the good-natured 35-year-old 
Australian designer. “Do you think that | could claim 
mental compensation from Adobe for that? Or maybe 
they’d sue me for modelling my brain on its 
copyrighted features.” 

Despite the humour, Warren is not exaggerating. 
He's been using Photoshop since version 2.0 but, he 
says, “It's only since version 4.0 that it entered my 
dreams and reshaped my brain.” This is no casual hit. 
“It's the most bizarre thing to go through a dream ina 
Photoshop interface,” he continues. “This happened 
frequently during a time when | was freelancing fora 
company and working 24-hour stints at times.” It might 
have pushed many others to the brink, but such 
madness can bring greatness. This living, breathing, 
dreaming Photoshop lifestyle has given Warren the 
ability to produce magic ideas, conceptual visuals, 
illustrations and designs for a huge range of clients 
that include Ben Sherman, British American Tobacco, 
Overland, and Nestle. 

Now he has his own company, Bonbastyc. It was set 
up three years ago with partners Vanessa Bastyan 
(Bonbastyc is an amalgamation of Warren and 
Vanesssa’s surnames) and Mark Slater. 

It’s a solid walkway after a crazy paving path of 
different jobs, experiences, and lots of short courses. 
Between 1992 and 1995, he completed an assortment 
of design and software courses at Central Saint 
Martins, Chelsea, and Kingsway to name a few. Then 
there's the 20-plus design and advertising firms that 
he’s worked with, including top consultancies such as 
Wolff Olins and Interbrand. 

An illustrator at heart, Warren's learned his craft 
creating a range of artwork, visualising designs, and 


generally turning his hand to anything that needed to 
be done in whatever workplace he was in. “With that 
kind of freelance you need to be a general problem- 
solver,” he explains. His time spent using Photoshop to 
visualise ideas, in particular, gave him a keen insight 
into the relationship between design and visualisation. 
“Visualisers are the real unspoken heroes in the 
design world,” opines Warren. “They have to be really 
on the ball with Photoshop. They turn the design — a 
logo, type face, colour or whatever — into something 
that looks real, that can sell.” 


Retouching in Photoshop 


Warren has also enjoyed some brief flirtations with 
retouching — taking rigging out of billboard 
photoshoots, adding the reflection of clouds to 
windscreens, plastering hair on bald heads and, for one 
stock library, transforming three models that were 
photographed hanging from a special rig into three 
parachutists in action. “I like retouching when there's a 
more creative element involved,” says Warren. 

With the talk of Photoshop dreams and some expert 
retouching, the blurring of reality and fiction is a 
dominant theme when we talk to Warren. He agrees 
that we can't really tell what's real and what's not these 
days. “Top retouchers would have trouble telling if 
something had been retouched or not,” he believes. 
“That's the whole fashion thing where models are 
manipulated to look the way that current fashion wants 
them to look.” 

If his illustrations and designs could come to life in 
the physical world and not just in his dreams, Warren 
would make it so. He has a long list of desires, one of 
which is to work on software that can recreate his 
creations in the real world. But then he elaborates: 
“You go to all this trouble rendering an object in 
Photoshop and it’s still just pixels. | want some kind of 
atomizer that brings it to life and makes it real.” Aaah, 
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we're talking Star Trek inventions. He’s semi-serious 
but he's also having fun. The ambition was cited right 
before he expressed a desire to appear on Pop /dol. 
Warren can't hold back on the jokes and who would 
want him to? 

Warren loves the flexibility of Photoshop. “The old 
adage ‘there's more than one way to skin a cat’ couldnt 
be more true than with Photoshop,” he says. This is the 
beauty of the program, that everyone can achieve a 
desired result in different ways. It’s something he saw 
time and time again when he worked freelance. And 
it’s a little like living life. Design may be his thing, but it 
wasn't always going to be like this for Warren. Up until 
the early 90s, this jocular creative was in an altogether 
different space and obsessively following a love for 
sport and biking. In fact, he had a foolish notion to go 
everywhere on his bicycle. He rode 1000 miles across 
Australia to raise money for Amnesty International 
before coming to Britain with a plan to cycle through 
Europe to Asia. An accident in a London gym ended his 
sporting ambitions. “So | returned to my first love — 
visual arts,” says Warren. 

Born in Melbourne to a family of artists and 
designers, he used to write and draw comics as a 
pre-teen. He sees his roots as definitely creative. 

He has no regrets. Illustration is what he loves most, 
and one day he'd like to get an illustration agent 

and do more. He recently completed some film 
storyboarding, and if the opportunity to work in movies 
arose he would jump at the chance. 

Whatever he wants to do, we're sure that Warren will 
find a way. “There is always more than one way to do 
something,” he smiles, “and you can always learn to do 
the thing that you need to do.” This is his life 
philosophy. If he could draw the words, it would 
certainly make a grand design for life. FEES 


7. This piece, Uranium, is part one ina series on 
energy sources. “This was purely intuitive,” 
says Warren. “The image just fell out of me. It 
seems to be most people's favourite in my work 
as well. No real special techniques are used 
here. We hear time and time again to ‘keep it 
simple stupid (KISS)’ and it’s quite true. | try to 
simplify most of the ideas | have. So here the 
interest is generated in the contrast between 
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Illustration and words are provided by 
Vincent Marcone. You can contact Vincent at 
{e] vincent@mypetskeleton.com. 


OntheCD 

The workshop files that are needed to 
participate in this tutorial are in the 
Tutorial\Animation folder on the cover CD. 


Animating in Photoshop 


Your images have been itching for movement, now with Photoshop 
and Flash, let your pictures rise from the confining page. 


reathing subtle movements into static 
imagery can inspire an almost hypnotic 
charm, as if the pictures themselves 

‘e are straining to live. Macromedia Flash 
has extended the hand of Photoshop into a world 
of moving pixels, where the effects within 
Photoshop's interface can now be applied to the 
art of movement. 

This tutorial is one of two parts, designed to 
show you how to prepare your imagery into a state 
of unrest. You will learn how to make your pictures 
vibrate and flutter. This is done by duplicating your 
images into a series of warped clones that will 
appear to animate as they fade into one another. 


The first part of this tutorial will walk you through 
the key components of creating your animation. 
Akin to setting up carefully placed dominoes, 
you will create a chain of images that will fade 
into each other. The specifics of having these 
pieces fade will be discussed in the second part 
of the tutorial (available in next month's 
Computer Arts Special which focuses on Flash), 
where the entire animation will be made into a 
working screensaver. 

The CD contains the workshop files needed to 
participate with this tutorial, as well as a set of 
extra images, should you decide to take this 
knowledge and continue on your own merit. 


Part 1: Organising image files 


Keeping files clean and labelled enables the animation to move smoothly as you create your scene shots... 


Folders are 
your friends 


By organising your layers into 
folders, the frustration of trying 
to find that one lost layer among 
an endless line of miniature 
thumbnails can be avoided. 
Simply click on the folder icon at 
the bottom of the Layers palette 
and drag the layers you'd like to 
keep as a group within the new 
folder. To label the folder, simply 
double-click on the Folder layer. 


om 


simple and well labelled. Key elements and 
textures should be segregated from the main 
backdrop. These images were created simply by 
taking photographs, screening a few choice textures 
over them, while adjusting the Hue/Saturation levels 
to suite the imagery. 


23 Consider your plan of attack. Each illustration 
represents a different segment of the 
animation. Essentially, there are three parts to each 
Photoshop file: the backdrop (main image), the mid- 
drop (separated elements within the main image) 
and the foredrop (the textures screened over the 
back and mid-drop). 


3 | By grouping the layers into folders, you can see 
the segregated elements. In this case, the 
backdrop is the Statues folder, the mid-drop consists 
of the Hooks and Trees folders, while the foredrop 
maintains the textures that are screened over the 
other layers. 


Part 2: Animating the hook within Liquify 


By importing sections into the Liquify interface, you can add a random type of movement... 


ah To prepare the animated hook, open the file 
angel1.psd, and select the layer, hook1. Create 
a copy and label it as hook 2. Use the square 
Marquee tool, and select a box around the floating 
hook2. Make sure the Hook layer is selected within 
the Layers palette, and then select Liquify from the 
Image option on the top bar. 


>» 

£3 Once you're in the Liquify interface, use the 
Warp tool (top-left icon) to slightly push and 

pull different sections of the hook. Try not to move 

the image much more than five pixels or so. A slight 

displacement effects a smoother transition when the 

screens are eventually animated in Flash. 


ee Copy the new and slightly-warped hook. 
Repeat the previous step three times until you 
have three slightly different warped versions of the 
same hook. You should have three hooks available 
to select from, each one over the top of the other. 


Part 3: Blurring for motion 


The Motion Blur tool works beautifully as a fade in, as well as adding mystery to the piece... 


New windows 


If you need to create a new 
window with the same 
dimensions, there is a simple 
shortcut. Make sure you have 
selected a visible layer, then use 
Command/Ctrl+A to Select all. 
Once you've done this, press 
Command/Ctrl+Shift+C 
simultaneously, then press 
Command/Ctrl+N to create a 
new window. Your new window 
will have the same attributes as 
the previous one. To paste a flat Select Angel1 from the Layers palette, and 
@ copy it. Select the new copy and go to the 
Filters option on the top bar. Go to Blur and then 
highlight Motion Blur. A small interface should pop 
up, make sure the direction is completely vertical 
and disperse the pixels to about 45. 


layer of the previous visible 
image from the old window, 
press Command/Ctrl+V. 


eG Label this new blurred image as Blurred Angel 
into the palette. Create another copy of the 
Blurred Angel and use the Screen option from the 
Layers palette. Label this as Screen Blurred Angel. 


g Go back to the Hooks folder, copy the first 
hook into another layer and label it Blurred 
Hook. Then place a small Motion Blur to it, but only 
disperse the pixels slightly. 


Photoshop 


Part 4: Morphing between screenshots 


The fades should move into each other smoothly, so avoid abrupt changes in form and shape... 
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Only Angel Front and Angel1 should be visible 


gt 2 | Make a copy of Angel Front and label it Angel 3 
within the Statues folder (all others should be Morph. Once you've turned off Angel Front, to reveal part of the Angel’ statue that's 

turned off). Place Angel Front so that it is above go back to Angel Morph and go to the Hard Light behind the worked layer. Don't over do it, just take 

Angel1, which should cause Angel’ to disappear. option within the Layers palette enough away to display a bit of both views. 


Carefully erase the inside parts of Angel Morph 


Part 5: Insert glowing eyes here 
Lighting Effects can be an artist's best friend when used properly... 


The Magic Eraser 


This tool comes in handy when 
you've made a blunder that BS 
surpasses the Undo shortcut = Cony — ft a 
(Command/Ctrl+Z), and it's : J 
quicker than getting out your vel sot! tens tyoe! eRe 02 ea oe 
History palette. Simply hold 
down the Alt key (PC) or Option 
key (Mac) and erase over the 
area you wish to correct. The 
Magic Eraser will replace the 


Pixels to their original state Create a duplicate layer of Angel Front within 


since your last save. the Statue folder and label it Angel Glow. Then 
go to the Filters option on the top menu bar and 
select Render, and continue to select Lens flare. 
When the small interface pops up, click on the a; Copy this layer and label it Angel Bright Glow. 
105mm prime flare at approx 30 per cent. Place the Then repeat the above process for each eye ~ 
flare within the eye socket and repeat for the other socket but, this time, use the 50-300mm zoom flare €y Make sure the lights within the sockets line up 
eye socket. at approximately 45 per cent. with each other. 


Part 6: Snapshots and such... 


The next steps involve using Photoshop to prepare a techno slideshow of sorts... 
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g Make sure you have selected one of the visible 
layers within the Layers palette to use the 


p Go back to the original file, angel1.psd, and 


— make the Angel! layer visible (the only one following shortcut. Press Command+Shift+C (Mac), 
1 | First off, open a new file that has the exact within the Statues folder, as well as the Blurred hook or Control+Shift+C (PC), then go to your other PSD 
same dimensions and resolution as the working —_ from the Hooks folder. Now that you've established _file, Snapshots Template, and press Command+V 
file, so that the snapshots can be copied to an what the first scene will look like, select the entire (Mac), Control+V (PC). This gives you a flattened 
outside source. Label the file Snapshots Template. image (Command/Ctrl+A). 


snapshot from the Angel! file. Label the layer Cell1. 
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Part 7: Thinking about the elements 


It's important to have as many subtle effects going on simultaneously within each cell. 
The following steps analyse all of the possibilities... 


Texture changes 


When considering your 
animation, don't concentrate on 
just one area of your image. Try to 
have a variety of things fluctuate 
from screenshot to screenshot. 
Scattering textures around from 
one scene to the next will provide 
interesting morphing effects 

that will be barely noticeable, 
and yet the effect will add to the 


overall ambiance. 


ee This is where the fun begins. You must consider 2] The intensity of the textures can also affect the 

animation. By doubling up the Texture 2 layer, 
the colours will become more saturated between 
one fade to the next. It's all a matter of switching 
different visible layers for each screenshot. 


all elements within the folder that have the 
potential to be adjusted. For example, the hook 
should always be changing (toggle visible layers 
between the four hooks within each screenshot). 


4 | The morphing transition is illustrated in the 6 | The layers Angel Front, Angel Glow and Angel 
above diagram. Once you've morphed from Glow Brighter can toggle back and forth 
Angel! layer to Angel Front layer, the screenshots between each other when taking screenshots. It will 
take on a different perspective as the animations give the appearance of a very smooth and magical 
revolve around a new face. glow as they fade in and out. 


In addition to the texture fades, the Screened 

Blurred Angel and Blurred Angel layers should 
be added. The contrast of these forms will appear as 
if the transformations are glowing. These 
screenshots will be handy in the Flash animation. 


f 

G Begin taking snapshots with all of these in 
mind, and place them into the snapshot 

template PSD file as cell layers. Always have a lot 

going on — the more details that change within your 

screenshots, the more interesting it will be. 


Part 8: The angels are in your hands 


Experiment and have fun! But, keep the following guides in mind... 


Burning your 
animation 


Using the Burning tool and 
etching in darkness upon certain 
surfaces from one scene to the 
next, can give the illusion of 
fluttering shadows and the 
movement of light. However, 
make sure there isn't a drastic 
difference between the two 


scenes, less is more in this case. 


Next issue 


In the next issue of Computer 
Arts Special, we'll be moving this 
animated content into Flash and 
turning it into a screensaver. 
Watch for our Flash Special on 
sale from 11 April 2002. 


3 Remember to stay consistent. Animate the 2 The transition from one angel segment to the 


hooks within each angel image as you would 
have within steps 1-2 in Part 2. Use the blurring 
effect to alter the form of the angels every once ina 
while. Manipulate the textures as you move from 
one screenshot to the next — they offer an 
ephemeral atmosphere within the animation. 


next is important. Once you've completed a 
series of screengrabs (try not to exceed over 20), 
take the last screenshot and import it to the next 
angel section. Experimenting with effects such as 
Colour Dodge or Hard Light (Layers option) will 
create a smooth transition. 


3 | If you need further guidance to continue, open 
the file The Cells. Within this folder, you will 

find all of the screenshots available for viewing. Use 
them as a guide, but don't be afraid to let your own 
creative juices flow, there are several different paths 


that will bring life to these angels. 
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Expertise supplied by Kraig Sederquist. 


You can contact Kralg at 
[e) kraig@sedergraphics,com or 
{w] www.sedergraphics.com, 


Files on disc 


A finished version of the interface 
designed in this tutorial can be found in 
Tutorial\interface on the CD, In 
addition, SederGraphics is giving away 
ten free interfaces in PSD format for 
you to use in your own work. You'll find 
these in the SederGraphics folder on 
the CD root. 


= 
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Creative 


interfacing 


You have a concept for a Website or a multimedia 
control panel. Let's create an interesting interface for it... 


ay nthe past few years, easy-to- 
use multimedia design 
programs have become 

$/} abundant, enabling novice to 
advanced users to quickly create rich 
multimedia applications for business 
use or as a hobby. Most of these 
programs enable you to easily import 
your own graphical interface into your 
multimedia project. You can add your 
own buttons to activate functions, play 


video, launch applications... the list goes 
on. This can be done without any, or with 
very limited, programming knowledge. 
This tutorial will give you the 
foundation for creating graphically rich 
interfaces using Adobe Photoshop. You 
will also learn some of the basic 
Photoshop techniques to create the 
different elements that are used in 
interfaces. From this foundation you will 
be able to add an array of enhancements 


and objects, such as buttons, to make 
your interface fully functional. And what 
you can apply to the multimedia 
interfaces you design, you will also be 
able to apply it to your Web design work. 

The first thing we will do in this 
tutorial is add some basic shapes, then 
apply Photoshop lighting effects to add 
depth to your creation. The next step will 
be to add shadows to give it that extra 
touch of reality. 


Part 1: Making multimedia interfaces 


Create a fully-functional interface within Photoshop, add 
some depth with lighting effects to give it the professional touch... 


Quick selections 


In this tutorial we will say “make 
a selection from a layer (or 
object)”. What we are doing is 
making a precise selection of the 
contents of a layer. To do this 
press and hold the Ctrl key for 


PC, or the Command key for Mac, 


and click on the layer you wish to 
select. This comes in very handy 
when you need a selection fora 


new channel or a mask. 


oy Create a workspace of 560x550 pixels. Fill 
your background black and create a new layer. 
Name this layer Main Body. Position a horizontal 
and vertical guide to intersect in the middle of your 
document. With the Elliptical Marquee tool create a 
circle with a radius of 510 pixels. Fill with R:175 
G:175 B:175. 


4 | Apply a Gaussian blur (Tools>Gaussian blur) of 
3 pixel radius. In the following steps, this blur 
will be used to create your bevel. The larger you 
make the blur radius, the larger your bevel will be. 
Switch back to your Layers panel and make Main 
Body your active layer. 


Create a layer above your Main Body interface 
layer and name it Screen. You will create a 
screen for your interface. Create a shape that will be 
large enough for the interface’s intended function or 
content. Fill with a grey of R:150, G:150, B:150. 


is 75 pixels smaller in diameter than the first 
circle. Delete this from the first larger circle. The last 
step will be to create a rectangular selection that we 


will delete from the bottom of the circle. Now create 


a selection from Main Body layer. 


bias x) 
5 | From the Lighting Effects dialog box 
(Filters>Render>Lighting Effects) select the 
Main Body from the Textures Channel. Change the 
light to an Omni light. Position so that it illuminates 
from the upper left. Next create another Omni light. 
Position this light so that it illuminates upwards from 
the lower left. 


Make a selection from the screen you created. 

Create a new channel and label it Screen Body. 
Repeat the steps for making the smooth bevel from 
Steps 4 and 5. Select Screen Body from the Texture 
Channel in Lighting Effects. 


2 | From the centre point create another circle that 


mabe vice ee SS a eee 


Switch to Channels and create a new channel 

layer. Name it Main Body. Now fill the 
selection with white. Zoom in so that you can clearly 
see the edge. 


G Next, create an underlying metal piece on a 
layer under the Main Body of the interface. Fill 
with a grey of R:200, G:200, B:200. Keeping your 
selection, create a new channel. Fill it with white. 
Now repeat the lighting effects steps, as described 
in the previous two steps. Choose the appropriate 
Texture Channel for this piece. 
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9 | Select Main Body as your active layer. With 
your rectangular Marquee tool make a 
selection midway on the interface as shown. Copy 
and paste the selection. You will now have the 
Handles layer above the Main Body. Name this layer 
Handles. Now hide the Main Body layer below. > 
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Part 1: Making multimedia interfaces continued... 


Interface plug-in 


KPT Shas a very nice tool to 
create great interface bodies and 
components. In many cases you 
can use this instead of using 
channels and lighting effects. If 
you own KPT 5 you can do this by 
creating your interface piece and 
fill it with your desired colour. 
Open KPT 5 (Filters>KPT5> 
KPT5 ShapeShifter). From the 


Environment panel choose the 


Cool Kitchen.jpg image that 
comes onthe KPT5CD. This 
gives you great-looking surfaces 
inno time atall. 


Open the Lighting Effects dialog box. Choose 


10 Ensure that your Handles layer is active, then Handles from the Texture Channels. Set the 


make a selection from the handles. Go to Create a new channel from the Handles light type as Omni. Move the light to the upper left. 
Select>Modify>Expand and, from the Expand selection. Call this Channel| Handles. The Adjust the Intensity to 21 and the Material to -75. 
dialog box, specify to expand by 8 pixels. Now fill Handles selection should still be active. Now fill with Create another Omni light and position below and 
this expanded selection with a value of R:112, white. Then apply a Gaussian blur with a radius of to the right of the handles. Apply Intensity of 10 
G:112, B:112. 16 pixels. Switch back to Handles in your Layers. and Material of -75 and click OK. 


Create horizontal lines on the handles. Create Create a selection from the handles. Then Finish the handles by air brushing shadows. 

a new file with the dimensions of 4x4 pixels create a layer above the Handles layer and Create a layer named Handle Shadows in 
with a transparent background. Zoom in so you can name this layer Handle Lines. Choose Edit>Fill. From between the Handles and the Handle Lines. Create 
see the individual pixels and fill the top half of your the Fill dialog box choose, Use: Pattern, and select a selection from the Handles layer. Choose the 
square black. Next, select all and then select the 4x4 pattern. Click OK. You now have black lines —_ Airbrush with a Soft 65 pixel round brush. Set 
Edit>Define Pattern. Name this pattern 4x4. Close over your Handles layer. Change Options for this opacity to 25 per cent and paint Black. Apply 
without saving. layer to Overlay. shadows to the inner-left handle and where needed. 
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Open the Layer Style dialog box. Select Bevel 
and Emboss from the Styles. Set options to 


Create a new layer named Screen above the 


Screen Body layer. Make a rectangular Style: Inner Bevel, Technique: Chisel Hard, Depth: 18 Make Main Body your active layer. Create a 
selection for the screen and fill with a value of R:106 —_ 180 per cent, Direction: Down, Size: 2, Soften: 0. selection from the Main Body. Now contract 
G:120 B:105. Later you may create another layer Then select Inner Shadow from the Styles. Set the selection by choosing Select>Modify>Contract. 
called Top Arc for the small top screen. Create your Options to Blend Mode: Multiply, Opacity: 75 per Contract by 15 pixels. Copy then paste the selection 
arc and fill with the same colour as the screen. cent, Distance: 0, Choke 0 per cent, Size: 16 pixels. creating a layer. Name this new layer Body Inset. 
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Touch-up tips 


Often, when creating interfaces 
we will create them in grey tones 
as we did in this tutorial. We will 
then come back to layers and 
add colour. This is done by 
adjusting the layer’s hue. Selecta 
layer with the interface piece you 
wish to colour. Now select 
Image>Adjust>Hue/ Saturation. 
From the Hue/ Saturation dialog 
box check Colorize if the piece 
you want to colour is grey. Now 
you can adjust the Hue and 
Saturation slider. 


SederGraphics 
interfaces 


This tutorial was written by Kraig 
Sederquist of SederGraphics, 
who specialises in the design of 
multimedia and Web interface 
screens. Included on our CD are 
ten free interface screens for you 
to use, in PSD format. 
SederGraphics currently offers 
two CDs full of such interface 
screens which you might find 
handy. SederGraphics Volume 1 
contains over 100 fully-layered 
Adobe Photoshop multimedia 
interfaces. New users to 
Photoshop may find the CD 
informative in demonstrating how 
interfaces are constructed 
Advanced users will appreciate 
the interfaces, time-saving 
templates and starting points 

for projects. 


SederGraphics Volume 2isa 
resource for Web designers 
providing useful Web interfaces, 
project starting points and 
elements to use in other designs. 
Itcontains over 100 layered 
Adobe Photoshop interfaces for 
Web designers, and makes 
interface customisation easy 

by providing the layered 
Photoshop file 


Volume 1 is priced at $45 
(approximately £32) and Volume 
2is $50 (approx £35), and they 
ship worldwide, Alternatively, the 
Volume 1 & 2 bundle pack is $85 
(approximately £60) and also 
ships worldwide. For more 
information visit [w] www. 


sedergrahics.com 


19] With the Body Inset as the active layer, open 
the Layer Styles dialog box. Choose Bevel and 
Emboss. In the Structure options choose Style: Inner 
Bevel, Technique: Chisel Hard, Depth:100 per cent, 
Direction: Down, Size: 2 pixels, Soften: 0 pixels. 
Click OK to apply. 


22] Create a layer above Pipe called Bracket 1. 
Create a rectangle over the pipe that is as high 
as the Main Body. Fill the selection with R:110, 
G:110, B:110. Make a rectangular selection as wide 
as the bracket but 3 pixels above and below the 
pipe. Fill with Photoshop's Silver Gradient to give 
the rounded effect. 


 , 


Copy Main Body's layer style. Now paste this 
) Layer Effect to the following layers, Metal 

Piece 2, Pipe, Screen Body and Handles. For the 

remaining shadows we will airbrush in by hand. 


= 
20) Hide your Handles layer, Handles Shadows 
layer and Handle Lines layer. Create a new 
layer called Pipe. Make a circular selection 10 pixels 
smaller than your Main Body Inset and fill with a 
value of R:190, G:190, B:190. Contract the selection 
(Select>Modify>Contract) by 25 pixels. Delete the 
centre selection. With a Rectangular Marquee 
selection, delete the bottom half of the circle. 
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23 Apply shadows with the airbrush to complete. 
Duplicate Bracket 1 layer twice. Place the two 
other brackets to either side. Rotate each bracket so 
that they follow the curve of the pipe. 


& When airbrushing in shadows start off with a 
low brush size of 17 pixels and a pressure of 15 
per cent. To shadow the Pipe, create a layer just 
above the Pipe layer called Pipe Shadow. Create a 
selection from the Pipe. Apply shadows where you 
feel they would occur naturally. 


Make a selection from Pipe. Create a new 
channel named Pipe. With the selection active 


add a Gaussian Blur radius of 5 pixels and click OK. 
Open the Lighting Effects dialog box. Set Pipe as 
Texture Channel and use two lights. Upper left light 
set as Omni, Intensity: 25, Gloss: 100, Material: 64, 
Exposure: 14. Apply the same settings to the 
bottom light except for Intensity, which will be 10. 


24] Now you will create a drop shadow for Main 
Body. Give your background a colour that is 
light enough to see shadows. Make Main Body your 
active layer. Open the Layer Styles dialog box and 
select Drop Shadow. Set Blend Mode: Multiply, 
Opacity: 85 per cent, Distance: 3 pixels, Spread: 0 
per cent, Size: 6 pixels. 


Make a 5-pixels wide circle above the layer 
where the rivet will be placed. Open the Layer 
Effect dialog box. Choose Bevel and Emboss and 
apply these settings — Style: Pillow Emboss, 
Technique: Smooth, Depth: 181 per cent, Size: 5, 
Soften: 0. Duplicate this for additional rivets. FEE 
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Talk to this photo illustrator about computers, and she admits: 
about creating fantastic photomontages from scratch — that’s a different matter... 


raditional artistic methods will never be 
( obsolete — just ask Barbara Bellingham. 

Even though she’s now adopted Photoshop 

into her list of indispensable tools, she spent 
years crafting her creations conventionally, and feels 
this experience has proved invaluable. “Il came to 
computers late, resisting it fora long time,” she begins. 
“But the turning point was a job that involved 
nightmarishly complicated set-ups — so | decided to 
give in.” In the four years since, she hasn't looked back, 
and her work is in demand — clients have included the 
likes of the BBC, The Home Office and Penguin Books, 
as well as publications such as The Times, Sunday 
Telegraph, Radio Times and Observer. 

Barbara’s journey up until now has been 
imagination-packed. Having gained a Creative 
Photography diploma from the London College of 
Printing, she worked as a photographer's assistant, and 
then as a photographic technician at Thames TV from 
which she gleaned technical know-how, darkroom 
discipline, and enough cash to get fully equipped. She 
adds: “After a while, the nine-to-five aspect got me 
down. | needed to get out and have some adventure.” 

So Barbara went it alone, getting work asa 
straightforward, purist photographer, doing a lot of 


Photoshop 


street fashion. When she got her own studio in 
Bermondsey, London, she also experienced a 
significant change in style. 

“My studio was filled with stuff to be shot forthe 
likes of Elle and Harvey Nichols, but | found it difficult 
to achieve conventional still-life photos — even though 
| tried!” However, the work that Barbara was producing 
was getting noticed. “I was crossing over from straight 
(if somewhat weird) photography, to still-life to 
photomontage,” says Barbara. 

Barbara now lives ina village in Buckinghamshire, 
working from converted stables with her darkroom in 
the old tack room. “Each job starts with an idea,” she 
explains, “then | work out the best way to implementit. 
This involves sourcing objects to photograph or scan, 
hiring a model etc. Once everything is assembled or 
photographed, | scan it, then play with scale, colour, 
composition and shadows.” 

Barbara believes that her work doesn't look a lot 
different from when it was done under the camera, 
although Photoshop's versatility means she can do 
more in the way of superimposing images, simulating 
movement and so on. She continues: “More 
importantly, all the elements are fluid, so change and 
experimentation are not limited by physics which is 


“My eyes begin to glaze over”. But talk 


liberating. Airbrushing false shadows, for instance, is 
no longer a nervy business. If it doesn't look right, 
there's no longer masses of disassembling to go 
through before redoing it.” 

Barbara sees Photoshop as just another string to her 
bow. But, she still gets a kick from taking photographs 
and working with them, along with black and white 
printing. “I never use stock photographs — there's a 
blandness about them,” she says. Sometimes, she 
misses the clutter of her old methods, and occasionally 
she is horrified by the slickness of the end result. But, 
crucially, what matters is the creation: the idea behind 
it, and the skill and thrill of working towards it. 

From straight photo-reportage, studio-based 
fashion and still-lifes to photomontage, through to 
digitally enhanced photomontage, Barbara insists that 
style is something that’s just happened and evolved. 
She concludes: “Lately, I've been thinking of different 
schemes which may or may not see daylight. But I've 
never had a plan, I've just gone with the flow — and | 
guess I'll carry on like that.” GES 


You can contact Barbara via Debut Artinthe UK. Shannon Associates 
in the USA and Art Connectin Europe. Contact Andrew 
at Debut Art on [e] debutart@coningsbygallery.demon.co.uk, 
[t]020 7636 1064 or 020 76360044 and [w] www.debutart.com. 
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1. This piece was for an article on ways that companies cut expenditure. “I liked 
the idea of a man hacking away at a dollar bill, but | wanted the image to have a 
symbolic, icon-like look to it, like a human swastika,” explains Barbara. 


2. The glass in this illustration about Spanish wine regulations was painted in 
acrylic, then crumpled and flattened before scanning. The flag, flag pin and stars 
were done in Photoshop. She adds: “I superimposed a layer of white on the map 
and adjusted its transparency so it would be knocked back, while still reading.” 


3. This image on the modern-day phenomenon of kids commuting to the creche 
was created for FMX magazine. “| got the child to adopt a static striding position, 
swinging one arm back while his mother held on to the other.” Her hand was 
taken out later. Barbara shot all the elements, and then placed all the images on 
a blow-up of the London Underground map. 


4. Created for an article on domestic violence for Candis magazine, this was the 
first job Barbara used a computer for. “| photographed the model in black and 
white then messed around with the colours,” she says. The floor is a chequered 
sheet of wrapping paper that has been scanned in and distorted, and the 
manipulated and motion-blurred face is from a black and white bromide print of 
a face ina football crowd. 


5. An image for an article about the proliferation of email-based business, Out of 
the Blue, was done for J Walter Thompson Advertising’s house magazine. “I was 
asked to produce a cover and two inside motifs, and this was one of the motifs,” 
says Barbara. “I enjoy working on illustrations where the imagery is in free-fall on 
a white background, rather than defined by the edges of a rectangle or square.” 


6. A creation for the Evening Standard regarding our Little Englander tendencies, 
Barbara went for a literal rendering of a simple idea. “I made a black and white 
print of the model - then put the frame and model under the camera ona 
background of crumpled red velvet and make a 6x7 transparency. Then | scanned 
it, using a Minolta Dimage Scan Multi.” 
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50 Web graphics tips 


Cut the fat from your graphics and speed up both 
your workflow and your sites with these essential 
tips for creating Web graphics... 


1 Web graphics should generally be 
created in RGB mode at 72dpi. Other 
modes cannot be reliably transferred 
to monitor RGB tones and higher resolutions 
cannot be displayed. This, therefore, leads to 
bloated file sizes. 
fl i Use GIF or JPG format for your 
F graphics. GIF is better for images with 
large amounts of solid colour, while 
JPG render variable tones, such as 
photographs, are best at the lowest file size. 


A The PNG format offers variable 
f levels of transparency and can be 

\ used as a third option. However, this 
is not supported by earlier browsers which 
can cause obvious problems. 


4 Indexing bitmap images creates a 

y palette of a maximum of 256 
colours, determined by your chosen 
reduction method. This can be seen in 


Photoshop's Save for Web interface where 
you can remove lesser-used tones. 
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For palette-based indexed formats, 

i >) such as GIF or PNG, the lower 
MIME the bit depth, the lower 

the file size. Lossy, full-colour formats 

like JPEGs do not benefit from such 


reduction. This is because size is primarily 
related to quality. 


y. For hybrid images that contain both 
I & flat and photographic content, use 
i the GIF format experiment with the 


Perceptual, Selective or Adaptive palette 
instead of the Web palette for better balance. 


Wy. Compression algorithms are used to 
} 7 re-encode data into more compact 

\ representations of the same 
information. The more linear change there is, 
the less efficient the compression. 


it Blurring JPGs is the most obvious 
method of reducing such linear 

Mi change. By blurring less important 
background elements while retaining 
foreground clarity, smaller file sizes of larger 


images is possible. 


AM Dithering makes it harder to 
losslessly compress images, as the 

iN compression algorithm used in GIFs 
relies on horizontal areas of the same colour. 
In order to avoid dithering, create images that 
use the colours specified in the browser's 
default colour palette. 


Although it can be easier to work in 
ji Photoshop in preference to 

ImageReady, the latter has a more 
specialised and dedicated approach for 


creating Web graphics providing consistently 
smaller yet higher quality results. 


Use multiple small graphics and/or 
backgrounds in preference to single 
large graphics which take longer to 


download and render. 
| 


| 
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Keep reducing 256 colour graphics 
y to palettes that contain fewer 
colours. Most GIF images can 


be reduced to between eight and 32 
colours effectively. 


If you find yourself frequently using 
13 an unusual combination of settings 

within the Save for Web interface, 
make your changes and then hold the 
Option/Alt key. The OK button transforms 


into a Remember button so you can save 
your settings for instant use next time. 


Experiment with developing work 
with a monochromatic palette and 


colourising the results. This will 


‘ 
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GIF colour reduction methods 


Photoshop's Save for Web tool enables a number of colour 
palettes to be used for colour reduction. Selective is normally active 
by default, but understanding the other options can be useful... 


Perceptual: Generatesacolour Web: Shifts colours to those 


table based on the colours in 
the image, with particular 
attention to how people 
actually see colours preserving 
overall colour integrity. 


Selective: Similar to 
Perceptual but leaning more 
towards preserving flat and 
Web-safe colours. 


Adaptive: Generates a colour 
table based around the colour 
spectrum which dominates 
most of the image often 
producing a slightly larger 
optimised file. 


provide a greater number of tones and depth 
to low-size images. 


iE Another approach is to create 
images using only four or five 
colours with the anti-aliased tools. 
Then you should reduce the number of 


colours down to 16 or 32 colours for more 
varied results. 


nt Posterising is a popular effect that 

benefits from reducing the colour 
content of a graphic automatically 
reducing file sizes considerably. 


When creating graphic text, you 
should use aliased sans-serif fonts 
in preference to serif as this 


creates less affected pixels and therefore a 
smaller file size. 


Reducing colours is an effective way of optimising 
graphics. Even images of larger dimensions can be 
stripped if the colour range is managed well. 


available in the standard 
216-colour Web-safe palette. 


This often produces the 
smallest file size, but the 
results can often be unreliable. 


Understanding the various GIF colour reduction methods will lead 
to better quality images with more suitable and efficient settings. 


Blend images into irregular 
HE) background colours or textures 

using transparent GIFs with anti- 
aliased edges blending into the dominant 


background colour. This lessens the risk of 
mismatched graphic and background tones. 


(19 When cropping images go right up 
to the edge of the pixels to further 
reduce file size. If such images are 
being used for layout elements use the HTML 


vspace and hspace attributes to provide the 
required padding. 


ip Using the Style palette it is 

20 possible to drag and drop the Style 
Effect onto any layer that 

automatically applies itself to the layer that it 


has been dropped onto. You can then 
continue to add further styles by holding > 


Photographic quality images with their variable 
tones and textures are best suited to the 
compression methods of the JPG format. 


Photoshop 


arts 


Photoshop 


— Blending images 


Making changes to multiple text layers is often quite 
tedious, but by linking the layers and holding the 
Shift key while selecting a new font, this can be 
inherited by all the linked layers. 


the Shift key down and dragging further 
styles without destroying the previous effect. 


fp Styles might be generally frowned 
upon but, like Actions, they can be 
recorded for frequently-used 


elements such as buttons and roll-over 
states and so on. 


ip You can also save Liquify Distortion 
je2 settings by holding the Shift key 
while you hit OK after you have 
distored an image. Your settings are saved 
into a temporary file that can be used again 


by selecting another layer and choosing 
Image>Liquify with the Shift key held down. 


If you need to change font types 
over multiple layers, you should 
link them together and select one 


Using anti-aliased colours 


placed against complex 


backgrounds, results in 


more natural positioning. As 


this only works with 


Create your graphic and 


smoother blending and much leave any transparent areas 


Notice how the matte background colour has been blended around 
the edges of the logo, improving the colour match beween the 
foreground and background colours. 


Large and complex images can be drastically 
reduced by popular effects such as posterising 
which strips more intricate colours and provides a 
much reduced palette. 


of them. Next, you should hold down the 
Shift key and make the changes to the Tool 
palette. This enables you to make quick 
global changes. 


ip If you find yourself frequently 

124 working in both print and Web 
environments, a good idea is to 

create an action that runs through the steps 


to convert your preferences into each 
configuration to save time. 


and ensure that you've selected 


around the edges of any solid transparency, this is impossible _ the GIF format and have the 
colour shapes, which needtobe todowith JPG images, sohere's _ transparency option checked. 
how to do it with GIFs. 


Before you start reducing 
colours etc. click on the matte 


dropdown and either choose a 


clear. Go to File>Save for Web predetermined option or enter 


the hex code of the dominant 
background colour for the page 
the image will be set against. 

If you zoom into your graphic 
you'll notice how the edge has 
been blended into your matte 
colour. Continue optimising 
your graphic in the usual way 
and finally save. 

When you view this graphic 
through a Web page with the 
relevant background, the 
foreground image will then 
neatly blend into the page 
without suffering from hard 
aliased edges. 


Palettes and 
colour reduction 


ip Keeping within the Web-safe 
palette is the only way to guarantee 
accurate reproduction of your 


images’ colours across various browsers and 
reduce the risk of unwanted dithering. 


26 The best way to keep within these 
safe colours is to keep the Only 
Web Colours option checked in 
your colour picker. you should also set your 


swatch to Web Safe when creating new work 
to further reduce dithering. 


ip To map the non-dithering palette to 
an existing image, first fill all of the 
| flat-colour areas with colours from 


the 216-colour palette to minimise the risk of 
excessive dithering. 


ip You can then further convert the 

28 image from RGB to indexed 
colours, Photoshop will reduce the 

image to 216 colours and map the image to 


this palette. However, during this process 
some posterisation may occur. 


Deliberately posterising your image 
129 is a quick way to visualise your 

image with reduced colours and 
flatten your image. In Photoshop select 


Image>Adjust>Posterize and try reducing 
the number of colours. 


Most images more suited for the 
(30 JPEG format do not reduce well to 
the Web-safe palette. Using an 


Adaptive palette with diffusion dithering 
generally gives the better results. 


Perceptive palettes are even better. 
> However, on 8-bit machines 
browsers will remap the Adaptive 


palette into the client's System palette, 
although the results should be acceptable. 


To reduce such an image into an 
B2| Adaptive palette, select 

Image>Mode >Indexed Color> 
Adaptive Palette and set the Dither to 
Diffusion or None in Photoshop and select 


the minimum bit depth that looks acceptable. 


When you index to an adaptive 
33 palette Photoshop creates a 

histogram of the colours in your 
image, ranked by popularity. For more 
complex images, Photoshop's choice may be 
less than optimal. Photoshop enables you to 


influence the histogram using selections. 


Photoshop normally calculates this 
34 histogram using the entire image, 

but by selecting the parts of the 
image containing the colours you want 


included in the palette Photoshop 


will weigh the conversion SUPER 


towards your selection. 


i Keep in mind the Gamma 

BS differences between Mac 
and Windows monitors. 

Macs are lighter than PCs by 

default, which can cause issues if your 


design uses subtle shades based around a 
similar colour. 


fe Mac designers should be 

36 particularly aware of Gamma 
issues, becasue the vast majority of 
monitors that are used are PC-based. To get 
a better idea of how your images will look on 
aPC, you should go to your levels and knock 
down the central RGB input levels to 0.8 for 
an approximation. 


fe If your images look too dark with 
37 these changes, raise the central 
| RGB levels by 0.2 to make the 


subtle compensation and apply the changes 
by clicking the OK button. 


fre @ ) PC designers should also be aware, 
»  @ ) butnot overly concerned, as images 
will be marginally lightened on 


Macs which generally isn't as damaging to 
the final result. 


Compression 


fe There are basically two types of 
oy) compression. Lossy discards 
{ information removing elements 
considered too small for the human eye to 
differentiate while lossless compression 


never discards any information about the 
original file. 


optimisation capabilities, 


ImageReady provides a host of 


animation effects that can be 
further optimised and delivered 
in incredibly small file sizes. If 
it's not initially available, select 
Window>Show Animation to 
prompt the relevant palette. 
Associated with this are similar 
tools for creating Rollovers, 
Image Maps and advanced 
slicing tools. 

If you're new to all of this, it 
can be incredibly easy to 
confuse /mageReady'’s layers 


with its animation frames. 


This isn't helped by the fact 
that it is also designed to 
import separate layers ina 


0) GIFs compress by removing 
horizontal redundancy so try not to 
introduce extra vertical detail or 
noise as horizontally-oriented bands of 


colour compress better. Also, avoid dithering 
as this breaks up those rows of colour. 


41 GIF files can be saved in two ways: 
consecutive (top to bottom) and 
interlaced (eighth row, fourth row, 
second...). Interlacing displays a low- 
resolution image quickly, which gradually 
comes into focus at the expense of additional 
file size. 


Making small changes to your central RGB input levels can provide a basic Gamma emulation of how PCs will 
see work developed on Macs. 


Get animated with ImageReady 


As wellas superiorWeb Photoshop documentas a 
multi-frame animation. 
One thing that you should 


remember is to place each 


Using modified but familiar controls, basic frame-based animation 
techniques are possible using the icons towards the bottom of the 
Animation palette. 


object in your animation on an 
individual layer so you can 
change that layer’s properties 


between animation frames. 


i, PNG behaves in a similar way to a 
"4 : y y 
GIF in that it compresses horizontal 
patterns. But PNG’s filters also find 


vertical patterns, therefore resulting in 
additional compression. 


a3 PNG's full alpha channel enables 
up to 64k levels of transparency 
for each pixel, which makes it 

possible to create glows and drop shadows 


that layer over different coloured 
backgrounds perfectly. 


44 PNGs also prefilter for vertical 
patterns so solid colours generally 
work best. Avoid introducing detail 
or noise into PNG images. Also avoid 


dithering as this breaks up flat areas of 
colour making compression less efficient. 


% PNGs compress dithered images 
better than GIFs. The dithered PNG 
image is much smaller than the 


dithered GIF, typically compressing 8-bit 
files 10-30 per cent better than GIFs. 


y, Progressive JPEGs are typically a 
é ! e | couple of per cent smaller than 
baseline JPEGs, but their main 


advantage is that they appear in stages, 
similar to interlaced GIFs. 


a7 JPEG compression introduces 
noise into solid-colour areas, 
which can distort and even blur any 
flat-colour graphics. This is why JPEGs are 
not especially well suited to flat-colour 
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Patterns 1: 
Background textures 


We explore techniques that can be used to create rich 
textured concentric patterns in Photoshop from scratch... 


sing Photoshop to retouch 
photos or even apply well- 
defined effects such as 
chrome text or a rusted 
metal texture is well, if not overly, 
documented. Photoshop as a tool for 
creating rich and random aesthetic 
textures is a topic relatively unexplored. 
Such artistic backdrops are useful for 
editorial or commercial images. 

The object is to create something that 
takes more than a few moments to 
visually digest. Typically, when someone 
is flipping through a magazine and they 


see a picture of a highly-groomed 
champion Irish Setter they register in 
their mind “brown dog with long hair” 
and then flip through to the next page. A 
richly-textured editorial image is not so 
easily registered in the mind. Often the 
reader will linger longer over the image 
to visually digest it. 

Therein lies the richly-textured 
image's value: it garners the viewer's 
attention for a longer and more 
thoughtful period of time. If the image 
goes on to capture the viewer's 
imagination, then it has been successful. 


In this tutorial we will explore the 
techniques that are used to create rich 
layered textured effects with a lot of 
contrast both in the colour, as well as 
distribution of shape and line. Each 
effect we will look at is not especially 
valuable alone, but when they are 
artfully combined they can be extremely 
visually compelling. However, the 
following techniques do not use random 
texture generation filters like Difference 
Clouds heavily, so your results may 
not look exactly the same as the 
examples used throughout this tutorial. 


Part 1: Radial backdrop texture 


A rich undulating texture serves as the backbone for our overall texture... 


Stay flexible with 
Adjustment Layers 


Use Adjustment Layers whenever 
you can to maintain maximum 
flexibility. In this effect, the 
background texture dictates the 
rest of the overall texture. So, 
placing an Adjustment Layer on 
this layer makes it easier to make 
small tweaks to the colour, or 
even drastic changes to the 
colour without effecting the 
actual texture. This is particularly 
important for Lightness settings 
for Hue/Saturation, because the 
other settings can be undone by 
the Desaturate feature 


Quick 
transformations 


After you've applied a 
transformation, it can be 
reapplied with the Command/ 
Ctrl+Shift+T keyboard shortcut. 
You don't even have to go to the 
extra step of hitting the Enter or 
Return key to apply the 
transformation. After you apply a 
transformation to a layer you can 
make interesting shapes or 
patterns by making a copy of the 
layer and then hit Command/ 
Ctrl+Shift+T. If you repeat this 
operation you can often get some 


interesting results. 


@ Start by opening a new document 500x500 
pixels and 72ppi RGB. Create a new layer, fill it 
with white, and name it Web. Press D to revert the 
foreground and background colour as black and 
white respectively. Select the Gradient tool and 
change the gradient from foreground to 
background. Select the Linear Gradient option. With 
the Web layer selected, click on the top-right corner 
and drag down to the bottom-left corner to create a 
diagonal linear gradient. Now apply the Filter> 
Sketch>Halftone Pattern filter with the Size set at 5, 
Contrast at 35 and Pattern Type: Dot. 


4 | Press Command/Ctrl+R to turn the rulers. 
Drag a vertical guideline from the rulers and 
position it at 250 pixels and then place a horizontal 
guideline at 250 pixels. Make all of the other layers 
invisible. Select the Elliptical Marquee Tool. Hold 
down the Shift and Option/Alt keys. Click at the 
intersections of the two guides and drag out to the 
perimeter of where the concentric oval shapes start 
meeting the lines that are shooting outward. Invert 
the selection, delete, and deselect. 


Press Command/Ctrl+Shift+E to merge all the 
layers down to the background layer. Press 
Command/Ctrl+R to toggle on the rulers. Shift-drag 
a vertical guideline at 250 pixels and then place a 
horizontal guideline at 250 pixels. Use the guides 
to select the bottom-right corner of the image. 
Press Command/Ctrl+C to copy, then press 
Command/Ctrl+V to paste. Photoshop will name 
this temporary new layer Layer 1. 


e Select Filter>Sketch>Find Edges Filter and then 
select Filter>Distort>Polar Coordinates filter 
with the Rectangular to Polar option selected. Press 
Command/Ctrl+! to Invert. This spiralling pattern is 
merely a building block for our final background 
texture. Now we are going to create a series of 
progressive copies based on the Web layer. 


G Remove the guides and make the other layers 
visible. Now create copy of the Web copy 
layer. Photoshop will name the new layer Web copy 
2. Select the Web copy 2 layer and press 
Command/Ctri+Shift+T to reapply the 
Transformation from Step 3. Change the Blend 
Mode for the Web copy 2 layer to Hard Light. 
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8 | Drag Layer 1 to the ‘Create a new layer’ icon 


duplicate in the Layers palette and choose Edit, 
Transform, Flip. Use the guides to position the copy 
in the upper right corner of the document. Hit 
Command/Ctrl+E to merge the duplicate down to 
Layer 1. Now drag Layer 1 to the ‘Create a new 
layer’ icon to make another duplicate of Layer 1. 
Click on the duplicate layer and select Edit> 
Transform>Flip Horizontal. Use the guides to move 
the copy to the left of the document. Press 
Command/Ctrl+Shift+E to merge all of the layers to 
the background. 


3 Drag the Web layer to the ‘Create a new layer 


G between the Screen Blend Mode and the Hard 


a he 
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icon’ in the layers palette. There's no need to 
name this temporary layer. Select Edit>Transform> 
Scale and change Height and Width to 80 per cent 
on the Options bar. Click on the centre of the 
document to make it active and then hit Enter to 
apply the transformation. Change the Blend Mode 
to Screen. 


Repeat step 5 ten times, each time alternating 


Light Blend Mode. So, for next layer, create a copy 
of the Web copy 2 layer. Click anywhere within the 
document to instantiate the document window. 
Press Command/Ctrl+Shift+T to apply the 
Transformation. Then set the Blend Mode to Screen. 
The next time set the Blend Mode to Hard Light. 
Repeat setting the next layer to Screen and so on. 
When you are finished, your last layer should be 
named Web copy 12 and the Blend Mode should be 
set to Hard Light. 


Make a temporary copy of the background 

layer. Apply the Gaussian Blur filter with a 
radius of five. Now set the Blend Mode to Multiply 
and the Opacity to 75 per cent. Merge the copy 
down to the Background layer. Select Layers>New 
Adjustment Layer>Hue/Saturation. Hit OK on the 
New Layer dialog to accept the default settings. In 
the Hue/Saturation dialog turn on the Colorize 
option, Adjust menu and apply with a value of O 
Hue, 50 Saturation, and -60 Lightness. > 


Photoshop 


Part 2: Layered concentric grids 


Photoshop's Polar Coordinates filter is the basis for many interesting concentric texture effects... 


Clouds 


The Clouds and Difference 
Clouds filters are both random 
texture generators. If you want 
more contrasting or wild random 
textures apply the Difference 
Clouds filter on the same layer 
several times. Applications of the 
Clouds filter do not accumulate 
but each subsequent Difference 
Clouds filter application 
modifies the last. 


Photoshop 


i Create a new layer and fill it with white. Press 
D on the keyboard. Select Filter>Render> 
Clouds. Next select Filter>Pixelate>Mosaic. Set the 
Cell Size to 20 and hit OK. Now select Filter> 
Distort>Polar Coordinates. Turn on the Rectangular 
to Polar option and hit OK. We need to add colour 
so hit Command/Ctrl+U to open Hue/Saturation. 
Select the Colorize option and set Hue to 0, 
Saturation to 25 and Lightness to 0. Name the layer 
Radial and set the Blend Mode to Colour Dodge. 


4 | Create a new layer and name it Concentric 

Lines. Press the letter D on your keyboard to 
return the Foreground and Background colours to 
black and white respectively. Apply the Filter> 
Render>Clouds. Select Filter>Pixelate>Mosaic and 
set Cell Size to 25. Hit OK to apply. Now apply the 
Filter>Stylize>Find Edges filter. 
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Pe] Press Command/Ctrl+U to open 
Hue/Saturation. Turn on the Colorize option. 
Leave Hue at 0, change Saturation to 100, change 
Lightness to -55 and hit OK to apply. Change the 
Blend Mode to Screen. Make a duplicate of the 
Concentric Lines layer and then merge the 
duplicate back down to the Concentric Lines layer 
to double the effect. 
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a Create a new layer and fill it with white. Name 
the layer Radial Highlight. Select the Gradient 
Tool and click on the Gradient Preview window to 
edit the gradient. Next create a new gradient and by 
adding seven new Colour Stop tabs. Space them 
roughly evenly, going back and forth from white to 
grey (RGB: 128) several times (see above). The first 
and last Colour Stop should be grey and alternate 
between white and grey. Hit OK when you are 
finished creating the gradient. 


G With the Concentric Lines layer selected, press 
Command/Ctrl+L to open Levels and enter 

a value of 200 for the first of the Input Levels on 
the left which will move the black triangle to the 
right. Hit OK to apply. Now apply the Polar 
Coordinates filter (Filter>Distort) with the 
Rectangular to Polar option selected. Press 
Command/Ctrl+! to invert. 


8 | Create a new layer and call it Light Warp. Fill 
the layer with white and select the Gradient 
tool. Select the gradient you created in Step 2 from 
the Options bar. Set the gradient to Linear Gradient 
on the Options bar. Hold down Shift and draw a line 
from the bottom to the top of the document to fill 
with the Light Warp layer with the gradient. 


ai Set the gradient to Linear Gradient on the 
Options bar. Hold down the Shift key and draw 
a line from the bottom to the top of the document 
to fill with the Radial Highlight layer with the 
gradient. Now select Filter>Pixelate>Mosaic and 
apply with Cell Size set to 10. Next, select Filter> 
Distort>Polar Coordinates and apply with the 
Rectangular to Polar option selected. Finally, change 
the Blend Mode to Multiply. 


Create a new temporary layer above the 
Concentric Lines layer and fill it with white. 


Apply the Clouds filter and set the Blend Mode to 
Colour Burn, Press Command/Ctri+E to merge the 
temporary layer down to the Concentric Lines layer. 
Select Filter>Other>Maximum and set Radius to 1 
and hit OK to apply. Press Command/Ctrl+Shift+F 


to open the Fade dialog, set opacity to 50 per cent 
and hit OK. 


ey 


9 | Next, click on Command/Ctrl+L to open 
Levels. Set the first Input Levels field to 128. 
Click OK to apply the Levels settings. Now Apply 
the Polar Coordinates filter with the Rectangular to 
Polar option checked. Change the Blend Mode to 
Soft Light and the Opacity to 50 per cent. 


Part 3: Non-radial texture enhancements 


You can have too much of a good thing. Now we will add 
some non-concentric texture for contrast... 


The Selection tool 


You can use the Selection tool in 
the 3D Transform dialog to 
select, more, and/or delete any 
specific shape. Use the Direct 
Selection tool to select and 
modify points on the 3D shapes. 
With the Direct Selection Tool 
you can make Cones from 
Cylinders and you can skew 
rectangle shapes. 
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Create a new layer and name it Random 
Boxes, Fill the layer with white. Press D to 
ensure that the Foreground and Background colours 

are set to black and white. Apply the Clouds filter. 
Now Apply the Mosaic filter with Cell Size set to 20. 
Next Apply the Find Edges filter. Select Filter> 
Stylize>Glowing Edges, and set Edge Width to 9, 
Edge Brightness to 6, and Smoothness to 1. 


4 | Next, apply the Gaussian blur filter with a 
Radius of 1. Click on Command/Ctrl+L to 
open Levels, set the first Input Levels field to 150, 
and click OK to apply. Now apply the Glowing 
Edges filter with Edge Width set to 1, Edge 
Brightness set to 19, and Smoothness set to 15. 


Press R to select the Trackball tool. Drag the 

Trackball diagonally on the preview window to 
rotate the cubes. Rotate the cubes approximately 
180 degrees so that the cubes point toward the 
upper-left corner of the window. Now Press E to 
select the Pan Camera tool. Move the cubes down 
toward to lower-right corner. 


bad Apply the Find Edges filter again. Now choose 
Invert from the Image>Adjust menu. Now 
create a temporary new layer. Fill with white and 
apply the Clouds filter. Set the Blend Mode to 
Multiply and make a duplicate of the new layer with 
its opacity set to 50 per cent. Merge the two 
temporary layers down to the Random Boxes layer. 
Now set the Blend Mode for the Random Grid layer 
to Colour Dodge and set the Opacity to 50 per cent. 


G With the Scratches layer still selected, press 
Control/Command-U to open Hue/Saturation. 
Set Hue to 270, Saturation to 35, and Lightness to 
20 and then hit OK to apply. Finally, change the 
Blend Mode to Colour Dodge and set the Opacity 
to 75 per cent. 


8 | Hit OK to apply. Repeat the previous two steps 
three times (there's no need to name the new 
layers). Each time point the cubes toward a different 
corner and move the cubes to the opposite corner 
that they are pointing at. Set the Blend Mode to 
each of these new layers to multiply and merge 
them down to the 3D Blocks layer when done. 


H 
3 | Create a new layer and name it Scratches. Fill 
the layer with white. Apply Difference Clouds 
with the Foreground and Background colour set the 
Black and White as usual. Apply the Mosaic filter 
with Cell Size set to 15. Now apply the Find Edges 
filter. Next click on Command/Ctrl+L to open 
Levels. Set the first Input Levels field to 128. Click 
OK to apply the Levels settings. 


Go Create a new layer and name it 3D blocks. Fill 
the layer with white. Select Filter>Render>3D 
Transform. Now press M to select the Cube tool. 
Draw a bunch of random rectangles all widths, 
lengths and sizes. 


9 | Now change the Blend Mode of the 3D Blocks 
layer to Colour Burn. At this point, it's 
interesting to go back through the layers we've 
created and turn on and off their visibility to see 
how it affects the overall image. Try your settings 
and variations and have fun. 
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Patterns 2: 
Fractals in Photoshop 


The geometry of fractals is simple and complex, powerful and subtle. 
Here's how to put them to use in your Photoshop art... 


f ith applications as complex 
} | as Photoshop, artists will 

" always be able to achieve 
{i things undreamt of by the 
software architects themselves, which is 
perhaps the measure of their success. 
One such thing is the method used here. 

We will use Photoshop's Clipboard, 

Layers, Actions and Transform 
commands to organise hundreds or 
thousands of copies of one initial image 
into intricately-structured organic 
patterns and spatial arrangements. This 
can all be done in minutes. 


The emphasis here is on geometry, not 
fractals themselves, which you can get 
for free and are widely available. You can 
use as many fractals as you like, but 
none of them would help you come up 
with the tree or the cloud in the 
illustration above. This is because none 
of them grew in response to your needs. 

The essence of fractal growth is 
stretch-and-fold, which essentially 
means the iteration of an algorithm (a set 
of prescribed transformations or 
changes) to the outcome of the previous 
iteration, starting with absolutely 


anything. This is exactly what you can 
achieve by carefully programming 
Photoshop's Actions and playing them a 
number of times on some purposefully- 
chosen object. 

If you are a keen Photoshop user, you 
will probably already know all the 
commands and features of the software. 
In this tutorial, we will show you how to 
put them together into a fractal- 
generating methodology, as well as how 
to integrate it into your practice until it is 
hard to tell where the fractal ends and 
the artisitic intervention begins. 


Part 1: Setting up 


Draw a bubble and plant the cloud... 


Units & Rulers 


Before recording an action, go to 
Edit>Preferences>Units & 
Rulers and for Rulers select 
pixels, not per cent. When units 
of measurement are set to per 
cent, transformations in 
Photoshop become sensitive to 
the size and aspect ratio of the 
document. What you need here 
are transformations that are only 
relative to the size and shape of 
the object. 


| ] 


@ Create a transparent greyscale document that 
is 19.2cm wide and 13.5cm high with 300 
pixels per inch resolution. Roughly in the middle, 
draw a semi-transparent white circle that is 1000 
pixels in diameter — use the Ellipse tool with Fixed 
Size and 50 per cent opacity set in the Options bar. 


2 | Go to Layer>Layer Style>Bevel and Emboss 


to customise your creation. Choose Pillow 


Emboss style, set the size of bevel to 250 pixels, set 
the angle of light source to 90 degrees and set the 
opacity of both highlight and shadow to 20 per cent. 
Apply the effect. 


Oo Choose Layer>Layer Style>Create Layers 
followed by Layer>Merge Visible. Then choose 
New Action from the Actions palette pop-up menu. 
For further reference, give it the name ‘Cloud 
Algorithm’. Click Record, Obviously, as you are now 
recording what is essentially an algorithm, the 
precise order of the following operations is essential. 


Part 2: Recording an action to use as a fractal algorithm 


Create three transformed copies of the bubble, and three more copies of each daughter bubble and so on... 


Avoid translation 


To be able to apply the same 
action to objects of different 
sizes, do not translate layers by 
dragging the bounding rectangle 
during transformations. Also, 
avoid cumulative 
transformations that Photoshop 
summarises using translation. 
Instead, strategically use the 
centre point to move the object 
while scaling or rotating it. This is 
because, in Photoshop, 
translation is relative to the size 
of the document and not to the 
object under transformation. 


ay Choose Select>Alll, then Edit>Cut and 
Edit>Paste, making sure that no part of the 
document is hidden from view because the Paste 
command always centres on the currently visible 
area. In the Layer palette, set Layer Opacity to 50 
per cent. Now perform another Edit>Paste action. 
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4 | Choose Edit>Paste and record the final two 
transformations. Set the centre point over the 
top side handle and scale down to 65x65 per cent. 
Then perform Edit>Transform>Rotate. Set the 
centre point over the bottom side handle and rotate 
by -51 degrees. Do not combine any of these 
transformations into cumulative transformations. 
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Choose Edit>Transform>Scale with the centre 
or reference point location set over the top side 
handle (not the corner handle). Set scaling ratio to 
63x63 per cent numerically. Press the Enter or 
Return key. Now perform Enter>Transform> 
Rotate with the centre point set over the bottom 
side handle. Set rotation angle to 21 degrees. 
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5 | Choose Layer>Merge Visible and then stop 
recording the action. Now Photoshop does the 
work for you. Click the action’s name (Cloud 
Algorithm) in the Actions palette to select it and 
click the Play button. Play the action four times. This 
is how the cloud looks after playing the action once. 
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3 | Choose Edit>Paste. Then go to Edit> 
Transform>Scale again, setting the horizontal 
scale to -51 per cent and the vertical scale to 51 per 
cent, leaving the centre point in the centre. Press 
Enter or Return. Now perform Edit>Transform> 
Rotate with the centre point set over bottom side 
handle. Set the rotation angle to -79 degree. 
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G This is the result. Playing the action further 
would generate ever more detail until all traces 
of the initial circle are lost and the image becomes 
very complex and intricate. You can try this by 
creating a duplicate of this document and running 
the action on it again and again. 
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Part 3: Creating the cloudy sky 


Turn the brain-like shape into a cloud using Polar Coordinates... 


ETE, 
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a Choose Layer>Duplicate Layer. Then scale the 
new layer down to 25 per cent with the centre 
point set over the bottom-right corner handle. This 
creates another small cloud. Go to Layers menu 
again and choose Merge Visible. But there are still a 
couple of steps to complete the cloud. 
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ey Go to the Image>Rotate Canvas sub-menu 
and choose 180 degrees (rotate the canvas, 
not the layer). Finally, to create the cloudy sky like in 
the opening illustration, go to Filter>Distort>Polar 
Coordinates and choose the Polar to Rectangular 
option. Scale the layer up by 117 per cent for better 
compositional arrangement. 


Convert the document to RGB colour. Create a 

new layer and drag it below the clouds. Fill the 
new layer with colour (try ‘Pampers’ pink, for 
example). To make the tree, you now need to hide 
these two layers (by clicking the eye icons in the 
Layers palette). 


Part 4: Modifying the action so that it grows trees 


Turn two existing commands off and, working with the ‘baby-bud’, add four more 
items to the action's list of commands for a subtle shadow effect... 


Managing actions 
Asingle Photoshop action can 
store several different fractal 
algorithms. You can switch 
between them by excluding or 
including individual commands 
from being played back. Simply 
toggle items on and off by 
clicking the check mark next to 
the command in the list (as in 
step 2 of Part 4). 
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At] Copy and paste the baby.psd image, which is 
in the Tutorial\Fractals folder on the cover CD. 
Note that any other object on a stalk would work 
just as well. After finishing this tutorial you can try 
and ‘grow’ another ‘tree’ starting from a different 
‘seed’. Choose Layer>Arrange>Bring to Front. 


Lg 
| [A | semen Geen —3) 


Go to Layer>Layer Style>Drop Shadow and set 

opacity to 50 per cent, angle to 90 degrees, 
distance to 100 pixels and size to 50 pixels. Click the 
colour box and choose a darker relative of the sky's 
colour from step 3 in Part 3. Click OK twice. 


e In the action Cloud Algorithm, expand (if 
collapsed) the listing of commands by clicking 
the triangle to the left of the action. Now, exclude 
Paste and Set Current Layer commands from being 
played by clicking the check mark to the left of the 
third and fourth item in the list. 
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G Choose Layer>Layer Style>Create Layer. Now 
press Alt+[ (Windows) or Option+[ (Mac OS). 
The shortcut records a Select Backward Layer 
command that you just created. This makes the 
Drop Shadow layer active, and it is right below the 
currently-active topmost layer. Do not click on the 
Drop Shadow layer to activate it. 
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8 Now that it's modified, play the action once 
and then choose Edit>Undo Merge Visible. Go 
back to the action’s list of commands and select the 
second command from the bottom (it is the last 
Transform, just before Merge Visible). Now start 
recording to add more commands to the action. 


G Choose Layer>Group with Previous. This limits 
the visibility of the drop shadow to non- 
transparent pixels of the layer immediately below. 
Stop recording the action. Go to Layer menu and 
choose Merge Visible. 


Part 5: Drawing a fractal with the Pencil tool 


By drawing in step with playing the action, integrate your hand 
drawing seamlessly into the fractal structure of the tree... 


Cloud Algorithm 


Using the same Cloud Algorithm 
action, as modified in the Part 4, 
you can now ‘grow’ another, 
different ‘tree’ within ten minutes 
that is just as intricate. Perhaps it 
could be a tree with money 
growing on it. Or matches. Or 
little Tarzans, solar cells, light 
bulbs... Or even leaves! 


Cover CD 


In the Tutorial\Fractals folder on 
the cover CD, you find the three 
actions mentioned in the tutorial: 
Cloud Algorithm, Tree Algorithm 
(same as Cloud Algorithm, only 
with different commands 
activated in the command list) 
and TreeTrunk Algorithm. 

They can help you explore this 
method further. 


al For the hard-edged look of the drawing in the 
opening illustration choose the Pencil tool and 
keep the Anti-aliased option off for the painting 
brush you use. Alternatively, you could use a 
customised brush. The exact quality of the strokes, 
however, is not essential for this tutorial. 


4 | Again, using the Pencil tool, connect the loose 
ends of the three twigs into a ‘branch’ (see 
above). Then, guided by the same principle, repeat 
playing the action and drawing a branch another 
three times. You should keep checking that you 
always have a clear view of the entire document. 
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Draw a twig that connects the loose ends of 
the baby-buds' stalks by roughly following the 
example above. Observe that the twig never 
reaches the bottom edge of the document, 
although it comes close to it. The colour of the twig 
above is chosen for the clarity of the example. 


This is the third iteration. Obviously, the 

essence of this algorithm/action is the 
following pattern: Select>All and Cut, then Paste- 
Transform>Paste-Transform... (any number of 
these), then you should end with Merge Visible. 
You can also add any of the various effects (as in 
steps 4-6 in Part 4). 
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a] It is now Photoshop's turn to draw. In the 
Actions palette, select and play the Cloud 
Algorithm action once. Notice that every time 
you play the action (iterate the algorithm) three 
times as many babies are generated. Be careful, 
though, because if you iterate the action ten times 
you will end up with 54,049 babies! 


This is the fourth iteration. Only one more to 

go for the ‘tree’ from the opening illustraton. 
Also note that, by changing the settings and order 
of the Paste-Transform units, an infinite number of 
substantially different shapes, patterns, and textures 
can be generated, all remarkably intricate. 


Part 6: Things to explore 


Check out what happens if you go beyond the parameters of the opening illustration... 


1 | On a duplicate document you can go to the 
extreme and play the action as many times as 
you like. This increases the number of copies of the 
initial image exponentially, while reducing their size 
until all the individual ‘buds’ get drowned in the 
emerging, often visually attractive, structure. This is 
the tenth iteration. 


2 | It is relatively straightforward to record the 
action that would generate the tree trunk as 
well, like in the example above. The theme of this 
tutorial, however, is not fractals themselves, but 
ways of integrating fractal geometry in everyday 
creative practice in an intimate and playful manner. 


After the fifth iteration make all the layers in 

the document visible by dragging through the 
eye column in the Layers palette starting from the 
bottom up. According to taste, you can also add 
some density and depth to the tree by 
superimposing two successive iterations. 
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Photoshop plug-ins 


Why stick with the Photoshop tools you have, when you 
can expand your creative potential through plug-ins? 
Discover the packages that help Photoshop complete 

the tasks you'd never dreamed it could do... 


s if Photoshop wasn't 
already capable enough, 
you can add to the tools at 
your disposal. Extra pieces 
of software generically known as 


plug-ins can operate within Photoshop, 


taking the image you're working on and 
offering new ways to enhance it. Some 
plug-ins build on Photoshop's features 
with brand-new effects; others take a 
standard Photoshop feature and 
attempt to do it better. 

Many of the features you now get in 
Photoshop are based on plug-ins, but 
the real benefit comes from the many 
companies other than Adobe who have 
released them. Just buy the plug-in 
that offers the tools you wish you had, 
then install it in Photoshop's Plug-ins 
folder on your PC or Mac. Most, but not 
all, plug-ins have been written to work 
with both operating systems. 

Once installed, most plug-ins 
appear in Photoshop’s Filters menu, 
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although some can appear elsewhere. 
You'll soon discover that plug-ins work 
as Save As or colour picker dialogue 
boxes. Most of the filters work on the 
basis that you select a source image or 
area within it to work on, then invoke 
the plug-in, which presents its tools 
through its own interface. The changes 
you make here are then applied onto 
the source image once you've finished. 

For this guide, we've selected dozens 
of the best or most well-known 
Photoshop plug-ins, many of which 
we've tested in earlier issues of 
Computer Arts and Computer Arts 
Special. Our reviews cover every major 
category of plug-in, from the 
mainstream effects, colour correction 
and masking tools to more esoteric fare 
like the plug-in that saves your image 
as a fractal formula. 

The plug-ins are compatible with 
PS4 and all subsequent releases, 
unless mentioned otherwise. > 


Illustration: James Widegren [e] james@idiocase.com [w] www.idiocase.com 
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AutoEye 1.0 


Price £105 

Company Auto FX 
[Ww] www.autofx.com 
System PC/Mac 


AutoEye is designed to enhance your 
images as much as possible, reinstating 
detail and colour values that may have 
been lost during scanning. You can 
leave the plug-in to make any changes 
automatically, or dive into the wealth of 
manual tools, correcting properties like 
brightness, contrast, noise, colour 
balance, sharpness and tonal range. 

AutoEye works within Photoshop 3 or 
later, or as a standalone application. In 
fact, it’s been made ready for Mac OS X 
before Photoshop itself. 


Chromassage 


Price $30 (around £21) 
Company Second Glance 
[w] www.secondglance.com 
System Mac 


Chromassage helps you posterise your 
image, applying colour shifts across 
your source image's entire palette to 
create some radical effects. Access to 
24-bit palettes means that there are 
millions of colour combinations 
available, yet picking the right palette is 
as simple as cycling through the option 
with a slider, as Chromassage presents 
a preview of the result in real time. 
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ColorSafe 


Price $50 (£35) 

Company BoxTop Software 
[w] www. boxtopsoft.com 
System PC/Mac 


Now this is sneaky. Most designers who 
spend any time producing graphics for 
Websites will know that there are a 
meagre 216 colours that are Web-safe 
— in other words, the colour will look 
the same in every major browser. 
ColorSafe takes these colours and 
blends them, combining pixels from 
two Web-safe shades to create the 
illusion of a new colour, increasing your 
palette enormously. You can also select 
an existing colour from a source image 
and ColorSafe can match it as closely 
as possible. It’s all neatly tied up with a 
colour picker that enables you to select 
your Web colours using the scheme 


Photoshop 


that you're most familiar with, including 
CMYK and RGB. 

Incidentally, the community-minded 
BoxTop Software runs a Website for 
downloading plug-ins from many 
developers as well as its own — find it 
at [w] www.boxtopsoft.com/plugpage. 
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Deep Paint 1.1 


Price: $250 (£176) 
Company: Right Hemisphere 
[w] www.deeppaint.com 
System PC 


Photoshop’s painting tools aren't as rich 
as its editing and composition features, 
but you can't have everything — except 
the whole idea of plug-ins is that you 
can. Deep Paint brings the kind of 
natural media tools made famous by 
Painter into the heart of Photoshop, 
enabling you to dabble with oils, 
enamels and chalks. 
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Dizzy 


Price £71 

Company Vertigo 

[w] www. vertigo3d.com 
System Mac 


Previously specialising in high-end 3D 
graphics, Vertigo now applies its 
expertise to Photoshop plug-ins. Dizzy 
brings 3D models into Photoshop 3 or 
later, but its potential is hampered by a 
lack of import options (DMF only) and 
the inability to bring textures alongside 
the models. If you're prepared to stick 
to wire frames and simple models, 
Dizzy is a great time-saver. 

Once you import your model, you 
can enhance its appearance with 
lighting and colour, then rotate, scale 
and move it to the right spot in your 
composition. You can also insert the 
model as a wire frame or shaded 


As good as EdgeWizard is working on its own, 
it's much better when you combine it with 
sister plug-in Magicmask. 


The 3D hotshot Vertigo has brought its skills into Photoshop, with Dizzy enabling you to drop a 3D 
model straight into your composition. 


model. Best of all is the 500 free 
models from Vertigo and Viewpoint. 
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DreamSuite Series 1 


Price £293 

Company Auto FX 
[w] www.autofx.com 
System PC/Mac 


All manner of effects options await you 
in this package, which can run either 
within Photoshop or on its own — 
although DreamSuite requires 198MB 
RAM before you even start up 
Photoshop. The stand-out tools ina 
generous selection come with the 
vector and 3D options. You can quickly 
apply surface enhancements such as 
reflection, sheen and shadows, then 
alter the lighting by adding light 


Photoshop-compatible applications 


It's a measure of Photoshop's influence in the graphics software industry that many rival 
applications also support the market leader's plug-in structure. You can use many plug- 
ins in applications that are taking on Photoshop directly, such as Corel PhotoPaint, or in 
complementary packages like Painter. 

Photoshop plug-ins can greatly boost the capabilities of budget editing programs 
like Paint Shop Pro, GraphicConverter(a $35 Mac package) and Adobe's own Photoshop 
Elements. Adobe also builds plug-in support into sister applications like Premiere and 
After Effects, which also have their own plug-in standards, of course. 

Although many effects filters in particular slot seamlessly into these applications 
via their own plug-ins folders, compatibility isn’t guaranteed, so you should always check 
first which programs work with the plug-in you want to buy. 


sources and colour lamps. The 
vector tools offera complete set of 
Bézier-based options. 

Even once you've tried out all those 
options, you've hardly started. There 
are many more effects available, both 
prosaic (creasing and cracking, for 
example) and exotic (liquid metal or 
putty). Take your time exploring and 
you'll find you have one of the best 
all-round effect tools available. 
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EdgeWizard 2.0 


Price $100 (£70) 

Company Chroma Graphics 
[w] www.chromagraphics.com 
System PC/Mac 


This clever plug-in offers some 
alternative ways of selecting paths, 


which may come in handy when you 
have a complex shape to work with, 
such as a furry animal ora hairy human. 
The four tools enable you to decide how 
edges are defined when you select an 
object, ready to copy or convert into a 
path. Gaussian Edge blends selections, 
while Variable Colour Edge selects an 
edge based on your analysis of the your 
image's colour scheme. 

Edge Brush enables you to paint in 
your selection, while Quick Edge is an 
automatic tool for specifying a 
selection quickly. The really smart bit, 
though, is that EdgeWizard is designed 
to work seamlessly with sister plug-in 
Magicmask, delivering a complete and 
effective selection and mask tool. 
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EtchTone 


Price $89 (£63) 

Company Andromeda 

[w] www.andromeda.com 
System PC/Mac 


Sporting Andromeda’s usual clean, 
gimmick-free interface, EtchTone acts 
as a digital printmaker, helping you 
manipulate your image with etching 
effects. You can impose the etched 
render on top of the original or blend 
the two for more subtle results, with 
sharpness, brightness and contrast 
controls helping the process to go 
more smoothly. 


Eye Candy 4000 


Price £152 

Company Alien Skin Software 
[w] www..alienskin.com 
System PC/Mac 


Anyone who's visited an Alien Skin 
stand at a trade show will know that the 
vibrancy of its plug-ins is matched only 
by its developer's hair. This latest 
edition of the long-established Eye 
Candy plug-in sees the wacky interface 
getting toned down, although the wacky 
effects remain. You can build textures 
and effects including glass, chrome, 
water and fur, with marble, melt, drip, 
corona and wood added for this 
release. Despite the undeniable class 
of Eye Candy’s output, it’s often better 
suited for creating textures from 
scratch than enhancing photography. 
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Shareware specialist Flaming Pear hits the 
big time with its Essentials collection, a set of 
nine filters including the excellent BladePro. 


Flaming Pear Essentials 
Price £71 

Company Flaming Pear 

[w] www. flamingpear.com 

System PC/Mac 


Flaming Pear offers low-cost plug-ins 
sold as shareware, with more than a few 
freebies thrown in. This pack collects 
nine of theirfilters ina commercial 
boxed edition. The standout filter by 
some distance is BladePro, a great 
texture creator with tools for playing 
with reflection mapping, bump 
mapping, iridescence and more. 

The remainder is interesting if not 
always essential. Solar Cell, for 
example, helps you create convincing 
suns, stars and other astronomical 
elements, while India Ink turns your 
image into a black-and-white halftone. 
Swerve and Twist distort your images, 
while the other filters add effects such 
as saturated light, metallic resin, silver 
texture, ora romantic glow. Each 
plug-in is easy to get started with. 
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Wild and wacky Eye Candy 4000 helps you 
build spectacular textures to use in your 
source image. 


Flood 

Price $20 (£14) 

Company Flaming Pear 
[w] www. flamingpear.com 
System PC/Mac 


Water remains to be one of the most 
difficult natural surfaces to recreate 
in digital form, this is simply because 
it’s so changeable. This offering, 
Flood, from the prolific Flaming Pear 
company has a good stab at the job, 
though. Compatible with Photoshop 3 
or later, Flood automates the rendering 
of reflections and ripples, leaving 

you to make all of the creative 
decisions yourself. 

Not only do you get to decide exactly 
how your water creation will look, you 
also manage the view of your liquid 
surface, change the perspective or 
horizon, before playing with the size 
and behaviour of waves and ripples. If 
you've ever tried to achieve the same 
effects with Photoshop's airbrush tools, 
you'll cross oceans to get this plug-in. 
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For around £14, Flood can help you create some convincing water effects — rubber duck optional. 


Genuine Fractals 
Print Pro 1.0.7 


Price £258 

Company LizardTech 

[w] www.altamira-group.com 
System PC/Mac 


The curse of bitmap images is that 
whatever resolution they were scanned 
at, it always turns out to be lower than 
you need once you start your 
composition. Resampling the image 
only makes everything fuzzy. GFPP 
enables you to save your image in the 
proprietary FIF file format, which is 
based on fractal mathematics. As you 
save, you have the option to compress 
the image at anything between 2:1 and 
5:1.When you open the file again, you 
are able to resample it at greatly 
enlarged sizes — as much as 300 per 
cent — with relatively little loss. The 
fractals within the image help make the 
image relatively resolution- 
independent. If storage resources are 
limited, GFPP also has the benefit of 
saving these large-scale images as 
highly compactfiles. 
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GIF-X.Plugin 2.0 


Price £30 

Company Ulead 

[w] www.ulead.co.uk 
System PC 


Website designers will appreciate this 
simple way to quickly convert a static 
image into a eye-catching animated GIF 
sequence. Start by selecting an area of 
your source image before invoking 
GIF-X.Plugin. The plug-in enables you 
to add motion effects, such as rotating, 
zooming or page-turning, or lighting 
effects including lens flare. Some of 
the effects are more clichéd than fresh 
approach, but the effects are 
convincing and speedy to put together. 
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Harmony 


Price £69 

Company HotDoor 
[w] www.hotdoor.com 
System Mac 


Not every plug-in ends up in 
Photoshop's Filter menu. Harmony is an 
alternative colour picker that helps you 
assemble a cohesive colour scheme. 
Various options for selecting colours > 
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help you build up swatches for later 
use, with an accessible interface 
helping you see how the component 
hues work together. You are also able to 
work with Web-safe swatches. 
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HotTEXT 

Price £83 

Company Vertigo 

[w] www.vertigo3d.com 
System PC/Mac 


While Photoshop's general text 
handling has improved hugely over the 
last few major releases, a plug-in for 3D 
text is still welcome. Compatible with 
Photoshop 3 or later, Hot TEXT provides 
a workspace for typing in text and 


Free plug-ins 


The best freeware can disprove the 
theory that you get what you pay for, 
and the same is true for Photoshop 
plug-ins. The likes of Harald Heim 
have gathered a strong reputation 
for freebies that are worth your 
attention. The Plugin Site 
([w] www.thepluginsite.com) sells a 
selection of graphics filters and 
accessories, but Harry’s Filters is 
his free offering. This set of 55 
filters for Windows and Mac covers 
video-style distortion, psychedelic 
patterns and encryption. Krusty’s 
FX Collection at [w] www.krust.com 
provides filters compiled in themes 
like transparency and texture, | 
and Flaming Pear’s site at 
[w] www.flamingpear.com is another 
good source. 

Not to be outdone, the 


thoroughly commercial operation at 


Extensis, responsible for 
powerhouse plug-ins like Mask Pro, 
also has a couple of giveaways. 
PhotoBevel helps you map bevel 
effects over your image, while 
PhotoTextenhances Photoshop 
versions 4 and 5 with text 
capabilities, such as improved 
kerning and character-level style 
sheets. Download both from 


[w] www.extensis.com. 
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selecting a font before generating its 
3D appearance through extrusion and 
bevel tools. You can then flow the 
phrase along a path. 

You can add basic textures or 
transparency as you work, butthe most 
effective results come at the final 
render stage, when you can configure 
lighting, anti-aliasing and transparency, 
or output the model as a wireframe. 
HotTEXT gives you useful features not 
currently in Photoshop for a low price. 
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iCorrect Professional 3.0 


Price $99 (£70) 
Company Pictographics 
[w] www. picto.com 
System PC/Mac 


If you find the colour-related functions 
within Photoshop fiddly to use, this 
single plug-in offers a different 
approach. You start using the tool by 
marking points on your source image, 
defining the neutral tones within an 
important visual element of your 
picture like skin or sky. 

iCorrect uses the reference points 
you select to adjust the colour range of 
the entire image. You can create your 
own tonal range palettes and save 
information as a text file so that you can 
share the files with colleagues. iCorrect 
provides a clever way for colour- 
correcting your photos, with a powerful 
underlying technology that belies its 
simplistic interface. 


ES ESESE 


Innovations 1-6 


Price £15 per volume 

Company Sapphire Innovations 

[Ww] www.sapphire-innovations.com 
System PC 


Sapphire specialises in low-cost but 
high-quality plug-ins, as well as 
providing brushes, textures and other 
graphic elements. Each volume in its 
Innovations series combines anywhere 
between 12 and 35 filters that are 
thematically related. The latest, Volume 
6, takes on colour threshold issues, 
with 20 filters that can abstract your 
source images through smearing or 
blurring techniques. 

Previous volumes tackle topics like 
grain, blurring, photographic colour and 
waves, with the very first volume 
atypically delivering a basic mixed bag 
of filters. At £15 a pop, the /nnovations 


Sort out your scans with /ntellihance, a 
plug-in that presents a choice of corrected 
images for you to pick from. 


packs offer a cost-effective way to 
build up an effects collection. 
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Intellihance Pro 4.0 


Price £187 

Company Extensis 

[w] www.extensis.com 
System PC/Mac 


Intellihance is on many artist's plug-in 
lists, thanks to its direct approach to 
colour correction. The plug-in renders 
25 different corrections of yoursource 
image, prompting you to select the one 
that gets closest to the values you want. 
You can assess Intellihance’s effects on 
different areas of your source before 
deciding. If you have a set of images 
from the same source, you can colour- 
correct the first, then use Photoshop 
Actions to batch-process the 
remainder, or save the presets fora 
later date. 
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Create the illusion of movement with 
GIF-X.Plugin, an accessible production tool 
for animated GIFs. 


KnockOut 2 


Price £300 

Company Corel 

[w] www. procreate.com 
System PC/Mac 


With masking such a fundamental and 
fiddly part of many users’ Photoshop 
routine, it certainly comes as no 
surprise that there’s a substantial 
choice of masking plug-ins, aimed at 
making the job quicker and easier. 
Photoshop 6 sawa big improvement in 
the built-in masking tools, but 
KnockOut 2 proves the plug-in maker 
still has a role to play. 

The emphasis in this plug-in, made 
for Photoshop 5 or later, is on manual 
rather than automatic correction — this 
is the better choice for creating more 
complicated images. You can work on 
one layer at a time, making the 
selection manually or with the mask 
brush before sending the result back 
into Photoshop. There's also support for 
CMYK-separated images for any 
last-minute alterations, and clever 
tricks like the ability to work with 
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colour picker options. 


Harmony helps you build a co-ordinated colour scheme to use in your project, complete with 


LIB tore 


semi-transparent areas such as glass 
and water. 


DDD 


KPT6 


Price £130 
Company Corel 

[w] www.corel.co.uk 
System PC/Mac 


Kai's Power Tools, to give this plug-in 
its full name, has become an institution: 
its spectacular effects influenced a 
generation of digital designers, while 
its slick but wholly non-standard 
interface did the same for software 
developers. This current selection of 
ten filters continues the tradition. Goo 
enables you to playfully smear and 
distort your source image with your 
mouse, for example, while Projector 
warps images along a 2D plane or 
around a 3D shape. 

Other filters provide a chance to 
create entirely new textures from your 
source. Reaction builds up organic 
surfaces you can use in tile formations, 
while Materialiser applies bump 
mapping. In this sort of company, a filter 
like Lensflare, which mimics the light 
haloes seen through a camera, has little 
surprise value. 


eID 


KPT Effects 


Price £170 

Company Corel 

[w] www.procreate.com 
System PC/Mac 


Photoshop guru Kai Krause may be 
lying low at the moment, but the Kai's 
Power Tools filters that he inspired live 
on. This effects-oriented collection 
offers nine tools. Functional filters 
include Channel Surfing, which is an 
alternative controller for RGB values, 
hue, luminance and saturation, and 
Gradient Lab, which creates multi- 
layered gradients. 

More playful options include 
FraxFlame Il, a fractal-based generator 
for complex forms sourced from nature, 
and Ink Dropper, which enables you to 
apply translucent splodges over your 
canvas. Some find the lack of precision 
in KPT Effects frustrating, while others 
embrace its somewhat random results 
as a platform for creative leaps. 


CEES 


Plug-in managers 


If you get overzealous with your plug-in purchases, you might find your PC slowing 
down under the weight of loading all the extras whenever you start Pho OI 
Fortunately, there’s a choice of solutions that help you decide which plug-ins you 
want available and when. All the applications work in a similar way, showing a 
checklist of available pt 


ins so you can decide which should be active before 


you launch the host am 


Many filters in KPT effects work on the 
basis that the best creative effects often 
happen by accident. 


Plugin Commander ($50 from [w] www.thepluginsite.com) can present your 


plug-ins in the same structure yc see them when your launch Photoshop, and 


enables you to edit thei sory so they'll appear ina different sub-menu 


LensDoc Plugin Manager ($35 from [w] www.icnet.de) enables you to apply keywords to 
Price £81 describe plug-in functions, so you can search for a plug-in that does the job you 
Company Andromeda want. Both packages are for Windows only. 

[w] www.andromeda.com 

System Mac 

Sometimes a radical plug-in that MaskPro 2.0 Mr Contrast 

distorts and bends your image is the Price £187 Price $20 (£14) 


last thing on your mind: what you need 
right now is something that straightens 
images out. 

LensDoc reserves its attention for 
photos taken through wide-angle and 
zoom lenses, where lines can often end 
up as curves when they should be 
poker straight. All you have to do is 
identify and mark points on the image 
that belong to a common feature that's 
bent out of shape; the plug-in does the 
rest, addressing perspective distortion 
while it’s at it. 


DDE 


Company Extensis 
[w] www.extensis.com 
System PC/Mac 


Company Flaming Pear 
[w] www. flamingpear.com 
System PC/Mac 


Addressing the chore of accurate 
masking, MaskPro offers new ways to 
select edges and mask out indistinct 
shapes. Among its ideas are Keep and 
Drop colours, which you select from the 
source image. Guiding your mouse 
around the area to mask makes a 
selection that can be semi-transparent 
based on your choices and the 
complexity of the shape. This is good 
when elements like hair are present. 
You can also remove background 
colours from partially-transparent 
selections, making copying that shape 
onto another background much simpler. 


ESE 


One of Flaming Pear’s newest creations, 
this plug-in for Photoshop 3 or later 
exploits the potential of contrast to 
make your image more effective. 
Rather than making you mess about 
with adjusting curves, Mr Contrast 
analyses values in your image, enabling 
you to adjust them using simple sliders. 
After working on the greyscale values 
of your image, you can choose various 
ways to blend the result with the source 
image, perhaps even tinting the final 
image. None of this is anything you 
couldn't do in Photoshop — it’s just 
more convenient in some situations. > 


pe DDI 


Magicmask 2.0 


Price $100 (£70) 

Company Chroma Graphics 
[w] www.chromagraphics.com 
System Mac/PC 


One of the cheapest masking plug-ins 
available at the moment, Magicmask, 
can still hold its own against the likes of 
the more expensive Mask Pro — 
although you should also consider that 
this plug-in works best in conjunction 
with Chroma’s EdgeWizard. 

The easiest way to think of 
Magicmask is as a package that 
combines Photoshop's Quickmask, 
Lasso and Colour Range tools into one 
accessible interface. Apart from some 
good colour selection options, 
Magicmask offers few features you 
couldn't find in Photoshop — it just 
makes using the features together 
much easier, so your productivity will 
shoot up. 


DiI DI 


KnockOut aims to make the everyday task of masking much quicker, with advanced techniques to 
select indistinct edges. 


Photoshop 


Perspective 


Price £70 

Company Andromeda 

[w] www.andromeda.com 
System PC/Mac 


If you're creating a visual element 
yourself, it’s not always easy to match 
up the perspective with other shapes in 
your composition. While this plug-in 
does help you adjust perspectives on 
shapes with ease, using a simple virtual 
camera concept to move the shape into 
the direction you want, there are 
drawbacks that make the experience 
frustrating. You can't save your 
preferred camera angles alongside the 
present presets, and there's no way of 
matching up a shape in its own layer 
against the background in which you 
want to place it. While some might like 
the convenience of the button-based 
movement controls, others will prefer 
to stick with Photoshop's Free 
Transform tools. 


pe 


PhotoFrame 2.0 


Price £187 

Company Extensis 

[Ww] www.extensis.com 
System PC/Mac 


Frames can undermine an image in the 
wrong hands or, with some creativity, 
transform its impact. Photoframe 
enables you to create your own frame 
designs and apply them to your source, 
keeping it on a separate layer if you 
prefer. Drawing tools help you establish 
basic shapes to begin, ready for you to 
apply shapes like waves and brush 
edges and textures like wood, 
tortoiseshell or glows. 

You can also import greyscale JPEGs 
for your frame foundation or, if you're 
feeling lazy, help yourself to one of the 
1000 shapes that are supplied on the 
PhotoFrame CD-ROM. Photoframe 
also enables you to apply effects to 
every ready-made frame. 


DDI 


PhotoFX 


Price $160 (£113) 
Company Panopticum 

[w] www. panopticum.com 
System PC/Mac 


PhotoFX compiles five plug-ins from 
the online plug-in specialist 


Photoshop 


Can you feel the love? Photo/Graphic Edges 
adds that finishing touch to your composition 
with its edges and frames. 


Panopticum. Alpha Strip 1.1 provides a 
fast way to cut into your image using its 
alpha channels, saving you the hassle 
of creating a mask first. The strongest 
filter of the set, Fire 3.0 creates 
convincing flame effects with an 
excellent interface. 

Lens Prois a decent lens effect filter 
with few surprises, while Engraver 
carries an equally self-explanatory 
name. The fifth filter is Digitalizer, an 
update of the old ASCII art concept that 
renders your image using binary 0 and 1 
characters. It's the sort of thing you can 
ignore for months, then suddenly find 
it’s perfect for a special project. 


RIESE 


Photo/Graphic Edges 5 


Price $199 (£140) 
Company Auto FX 
[W] www.autofx.com 
System PC/Mac 


Put the finishing touch to your 
composition by framing it with creative 
flair, using this updated plug-in. Apply 
edge effects to your source image, such 
as tears, feathering and speckles, or 
add a frame around its outer edge, with 
design themes like cinema film frames 
and darkroom-style photographic film. 
There are also complementary designs 
for backgrounds to drop behind cut-out 
objects. Photo/Graphic Edges works 
within Photoshop or by itself. 


ES ESES 


PhotoOptics 


Price $100 (£70) 
Company Cytopia 

[w] www.cytopia.com 
System PC/Mac 


Cytopia is a relative newcomerto the 
Photoshop plug-in developer scene. 
Judging by the slightly scrappy 
interface on this filter, it has a trick or 
two to learn yet, but you’ll find much to 


Harmony helps you build a co-ordinated colour scheme to use in your project, complete with 
colour picker options. 


satisfy if you diga little deeper. Divided 
into eight task areas, PhotoOptics 
focuses on colour correction; there's 
little you can't already do in Photoshop, 
but this themed approach could help 
your workflow. 

The highlight is the GradTone area, 
which prompts you to build a custom 
gradient using highlights, midtones and 
shadows from the source image, then 
uses those values to apply corrections 
on a sliding scale you control. You can 
view the changes as they happen or 
compare them with the source using a 
semi-transparent overlay. Other areas 
help you adjust levels, hues and 
exposure, while the remaining areas 
splash out on effects like monochrome, 
noise, negative and psychedelic. 


Plugin Galaxy 1.2 
Price $50 

Company Panopticum 

[w] www.panopticum.com 
System PC/Mac 


Subtlety is not the watchword with this 
collection of 20 filters, each of which 


Don't be fooled by the simple PhotoOptics 
interface: the classy design can save you a lot 
of colour correction effort. 


has its own interface. The highlights of 
Plugin Galaxy include Bluuur, which 
goes beyond Photoshop's own Blur 
tool to create some truly druggy 
effects, and Fusion, which enables 
you to create your own metallic effects 
orchoose from presets such as chrome 
and neon. 

Instant Mirror is a simple way to add 
a reverse image of your source, 
choosing the position and angle of the 
axis. The remaining 17 filters tackle 
common effects like noise, colorisation 
and transparency, combining to offer a 
great-value package. 


DDI I 


ProJPEG 5.0.2 


Price $50 (£35) 

Company BoxTop Software 
[w] www.boxtopsoft.com 
System PC/Mac 


With Web publishing being a part of 
practically every designer’s workflow, 
either centrally or peripherally, 
ProJPEG is worth your attention. The 
idea of the plug-in is simply to squish 
down the file size of your JPEG images 
before you post them on your Website, 
while preserving their image integrity. 
There is a separate plug-in from 
BoxTop called ProGiF. 

Unusually for a plug-in, ProJPEG is 
not accessible through the Filter menu 
but through the Save As option. 
Choosing ProJPEG presents a new 
interface, centred around a before and 
after view that you'll instantly recognise 
if you use Photoshop 6, ImageReady or 
Fireworks. Through this, you can look at 
the results of playing with slider 


Buying plug-ins 


A healthy demand for plug-ins has encouraged a varied and active market. with small 


developers vying alongside graphics giants like Corel. As a result, not every plug-in you'll 


want is available through yourfavourite software dealer, although that's still a good place 


to start. Many smalter developers, predominantly based in the US, sell exclusively 


through the Web — hence the proliferation of dollar prices in our listing 


There are also a couple of UK-based specialist resellers worth visiting. XChange 


International's rnain business is in QuarkXPress XTensions for the publishing trade, but it 


also sells plug-ins from Alien Skin, Andromeda, Auto FX, Corel, Extensis, LizardTech, Nik 


Multimedia, Vivid Details, Vertigo and Xaos. Visit the store at [w] wwwxchangeuk.com 


Graphics specialist Digital Toolbox handles packages from Alien Skin, Extensis, Sapphire 


Innovations and Ulead, visit them at [w] www.digitaltoolbox.co.uk 


controls such as Quality and 
Smoothing. You can also save your 
favourite settings for future access. 
Although ProJPEG sounds of little use if 
you own Photoshop 6 and its Save to 
Web option, the proof is in the pudding. 
ProJPEG genuinely succeeds at 
maintaining image quality while getting 
the file size right down. 


Sharpener Pro 


Price £269 

Company Nik Multimedia 
[w] www.nikmultimedia.com 
System PC/Mac 


If you find that Photoshop's Sharpen 
tools have the finesse of a blunt trowel, 
Sharpener Pro has a lot more to offer, 
with its in-depth options. Working 
onthe premise that the level of 
sharpening in your images should be 


Previéw 


Angle 


tied in with your intended output 
attributes, Sharpener Pro provides 
filters for preparing images that are 
specifically for colour laser printers, 
inkjets, offset, the Web as wellas a host 
of other media. You can also take the 
line screen of the output destination 
into account. 

Also include with the Sharpener Pro 
plug-in is the rather useful automatic 
compensation for jaggies and moiré 
patterns, but even more impressive are 
features like Fence and Foliage 
Protection. These features assess the 
difference between high and low 
contrast areas in your image and 
processes them accordingly. Although 
it’s pricey for a plug-in, Sharpener Pro 
does gives great results that any 
publishing or design artist will 
appreciate. Take a deep breath and get 
your credit card out sharpish — it's 
worth paying out for. 
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Paint Alchem & 


Cancel “Apply 


Total Xaos delivers three distinct plug-ins, with Paint Alchemy (pictured) encouraging you to 


discover brush effects through mucking about. 


SkyPaint 


Price $85 (£60) 

Company Wasabi Software 
[w] www. wasabisoft.com 
System PC 


Ostensibly tailored forthe niche VR 
panorama creation market, SkyPaint 
turns out to be a solid gold asset for 
any 3D professional. You can import 
360-degree panoramas created with 
photo-stitch packages like QuickTime 
VR Studio or 3D applications like 
Bryce or 3ds max. 

Regardless of the source program, 
SkyPaint enables you to move around 
the panorama, moving seamlessly into 
Photoshop to paint over the area you 
choose. You can then export the 
enhanced result into 3ds max or as a 
background map, Quake // pattern 
or VRML setting, making SkyPainta 
real asset for any 3D creator who 
spends sleepless nights tweaking their 
model environments. 


CESSES 


Test Strip 3.0 


Price £152 

Company Vivid Details 
[w] www. vividdetails.com 
System PC/Mac 


If you’re not convinced that your image's 
colour values are accurate, Test Strip 
helps you experiment with your options. 
You can generate a set of variations, 
based in incremental adjustments to 
attributes like hues, saturation and 
contrast. You can then click a button to 
print out a colour test proof. 

Added features include 
Metamorphosis, which asks you to 
choose your preferred rendering of a 
series of previews, then uses your 
responses to present your corrected 
source image in the style you want. You 
can also now use Gels, coloured 
overlays you can move to different 
parts of an image, and there are new 
layouts for the standard strip option. 


BUSES 


Total Xaos 


Price £187 

Company Xaos 

[w] www.xaostools.com 
System PC/Mac 


This suite for Photoshop 3 or later 
collects three plug-ins from Xaos, a 


long-established and respected 
graphics specialist. All three of the 
plug-ins are also available separately. 
Paint Alchemy 2is a collection of 
brush effects within its own interface, 
with the idea being that you open 

the plug-in and play around with it to 
see what comes up. As you learn what 
Paint Alchemy is capable of, you'll be 
able to create some unexpected but 
glorious effects. 

TypeCaster 1.15 helps you to create 
3D text with rendered shading and 
patterns, with the results ready to drop 
into your Photoshop composition. 
Terrazzo 2 makes tile effects that are 
based on the selection which you've 
made from within Photoshop. The 
results obviously depend on what you 
put into it, but Terrazzo can make a 
tiresome job much easier. As a 
collection, there may not be much 
thematic cohesiveness with Total Xaos, 
but you should forget about that and 
enjoy the undoubted value. 


EES 


Xenofex 


Price £100 

Company Alien Skin 
[w] www.alienskin.com 
System PC/Mac 


From the makers of the popular 

Eye Candy, Xenofex is another 
effects-laden hamper. 16 filters are 
divided between reproducing natural 
forms, such as clouds, lightning and 
stains, and adding distortion to an 
image, with effects including distress 
and jigsaw puzzle pieces. Perhaps the 
best results come from the Television 
filter, which makes your image look like 
someone's knocked your aerial out, 
and Stamper, which reproduces your 
image using thousands of tiny versions 
of the image itself. FEES 


ESE 


Change the surface of your image with the 
effects filters in Xenofex, then add some 
nature forms into your composition. 
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Photoshop tips 


1001 Adobe Photoshop Tips 


| Andy Anderson 
& Kris Jamsa 


0761 52751 6 


f a book’s quality is judged by 
its size and weight, then 1007 
Adobe Photoshop Tips is the 

H best money can buy. At over 
1700 pages, every conceivable aspect 
of Photoshop is covered in easy-to- 
follow, no-nonsense mini tutorials. 

Because of the immense nature of 
this book, the authors dive straight into 
the first tip — no introduction or 
walkthrough here. You begin with tips 
on how to start a new document and 
handle your workspace, but this book is 
aimed at the intermediate to advanced 
user who needs one reference book 
that can answer all questions quickly. 

The book is divided into 24 chapters 
that group together each of the tips for 


easy navigation. One of the problems 
with a guide of this magnitude is 
locating just the tip you need. This is 
taken care of as the authors have spent 
some time thinking through the hints 
and tips that the user would want. An 
excellent index is also provided to 
further support ease of use. 

Every one of the 1001 Photoshop tips 
is a self-contained tutorial. They are 
mostly a no-frills affair, providing just 
the information you need with any 
appropriate screenshots. The language 
is jargon-free and honed down to its 
absolute minimum. 

Attempting to offer every Photoshop 
user some useful tips is the Achilles 
Heel of this book. As a general 


a ANDY ANDERSON 
- KRIS JAMBA, Ph.D, MEA 


reference guide 

something of interest. Howeler if your 
use of Photoshop is specialised, much 
of the masses of content here may not 
be relevant to you. 


Verdict 


DIKE 


Project based 


4x4 Life and Oblivion 


~ 1903450470 
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arts 


his third offering of the 
quintet of groundbreaking 
project-based Photoshop 
books offers some of the 
worlil s leading exponents the chance 
to flex their creative muscles via one 
design brief. The authors describe the 
project as a laboratory: “The 4x4 Project 
is a catalyst, and the authors’ words, the 
readers’ thoughts, the artwork and the 
theories are all ongoing reactions to the 
creative process.” The 4x4 series of 
books enables you to see the full 
potential of using Photoshop design. 
Entitled Life & Oblivion, each of the 
four artists show you how to harness the 
creative power of various programming 
languages, such as Java and Lingo, that 


enable them to bring their work into 
Photoshop for further manipulation. 
This enables each artist to show that 
Photoshop is just one element of the 


whole creative process that could begin 


ina different program. 

The final peer review of the authors’ 
work concludes the book and elevates 
it because other artists are invited to 
offer their spin on their colleagues’ 
work. With the accompanying Website 
enabling a fully-immersive experience 
of each of the works, this book is very 
different from other project-based 
Photoshop books. But this is fitting, 
because each of the artists attempts to 
push Photoshop to new heights of 
creative endeavour. 


Taken together, each of the books is 
a complete design masterclass. Don't 
expect to learn anything about the nuts 
and bolts of Photoshop, this is purely a 
theoretical study. But it will inspire 
Photoshop novices and enable 
Photoshop gurus to see new and 
refreshing approaches to design. 


Verdict 


SES 


Flash and Photoshop 


4x4 Time & Stasis 


£36.99 


Arron Bleasdale et al 


Publisher 


Friends of Ed 


ISBN 


1903450489 


he final book in this series sees 
nT another group of cream-of- 
am the-crop artists applying their 
immense talents with an interpretation 
of the theme of time and stasis, which 
essentially means a Flash movie. 

The 4x4 series is unique. Artists of 
widely differing styles use the same 
brief to experiment with. As with 
previous editions, each artist talks 
candidly about how and why their 
interpretations look the way they do. 

Time & Stasis, perhaps more than 
other editions, captures the future of 
Photoshop design. It is used here as an 
integral part of each of the Flash 
movies that you must view on the 
Website, as no CD-ROM is supplied. 

Overall, this is a refreshing take on 
the use of Photoshop with Flash. Each 
design is innovative, offering an insight 
into this powerful design combo. 


Verdict 


USESLS 


Photoshop Elements 


How to Do Everything with Photoshop Elements 


Price 


£7.99 


Molly Joss 
Publisher 


Osborne 


ISBN 


0072191848 


f you’re not a graphic designer, 

vd but you have scanned images 

; or digital camera shots that 
need that extra something to make 
them special, this is a useful guide. 

The book comprises 16 chapters, 
which teach the basic techniques and 
also show you how to prepare images 
for the Web. Other topics that are 
covered include simple edits, filters 
and easy-to-master skills that can turn 
a flawed image into one that can be 
used in a wide variety of documents. 
The 16 full-colour pages round out 

this otherwise concise manual. If you 
use Photoshop Elements, this book is a 
good companion, but the lack of 
inspiration makes this manual less of 
the practical user guide than it should 
be. Photoshop Elements is an excellent 
program in its own right. It’s a pity it 
doesn’t communicate this to the reader. 


Verdict 


SS 


Design with impact 


Adobe Photoshop 6.0 Web Design 


£29.99 


Authors 


Michael Baumgart 


Adobe Press 


f you bought Photoshop just to 
optimise graphics for your 
Fs Website, Adobe Photoshop 6.0 


Web Design will lead you through all 
the technical considerations when 
designing for the online environment. 

Covering the latest versions of 
Photoshop, ImageReady and GoLive 5, 
this book enables you to see how the 
graphics you design impact the HTML 
pages of the intended Website. 

Each chapter is a short tutorial that 
illustrates Web design technique with 
screenshots. Presented in full colour 
throughout, step-by-step instruction is 
juxtaposed with online examples of 
graphics at their very best. Also, two 
excellent chapters cover every aspect 
of JPEG, GIF and PNG formats. 

This book is perfect as a primer for 
designing graphics for the Web, and as 


a practical inspiration for professionals. 


Verdict 


SDS 


Web-based design 


Photoshop Web Graphics f/x & Design 


£31.49 


Authors 


Laurie Ann Ulrich 


Publisher 


Coriolis 
ISBN 
1588801993 


nother in the excellent f/x & 
A Design series, this 15-chapter 
fl book will help you to master all 
the skills you need to create eye- 
catching images for your Website. 

Each chapter contains a tutorial that 
covers each of the techniques under 
discussion. If you are coming from print 
design, this is an ideal foundation for 
Web-based design. 

The accompanying CD-ROM 
contains all of the files needed to 
complete the tutorials. This is an ideal 
training source as you become familiar 
with Photoshop's tools. 

At first glance this manual looks 
text-heavy, but it is well written, 
concise and comprehensive. With 
additional information that covers 
ImageReady and LiveMotion, this 
manual provides a complete tutorial on 
images destined for the Internet. 


Verdict 


SDE 
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Hands-on training 


Photoshop 6 ImageReady 3 H.O.T 


Price 


£37.99 


Author 


Jan Kabili (Developed by 
Lynda Weinman) 


Publisher 
Peachpit Press 
ISBN 


020172796X 


tie ith a reputation that is 
| second-to-none, you can be 
f sure that any book from the 


Lynda Weinman stable will be 
excellent. This edition is no exception. 

Professionally-presented in full 
colour, 15 chapters guide you through 
the intricacies of Photoshop's interface 
and ImageReady. Each chapter is a 
concise tutorial and effortlessly walks 
you through some complex techniques. 

If the tutorials still baffle you, the 23 
QuickTime movies will enable you to 
see how to complete a task in real time. 
Sometimes a text explanation isn't 
good enough. 

This series is, as the title suggests, 
hands on. If you simply need Photoshop 
for Web graphics, or you're moving from 
a print environment, this course will 
arm you with all the skills you need in 
no time at all. 


Verdict 


SSSI 


Design directory 


New Masters of Photoshop 


£47.99 


Authors 


Cina, Stanick, Young 
Friends of Ed 


ISBN 
1903450624 


__NEW MASTERS OF PHOTOSHOP 


PUN eTUETENr eee ew aetie serge 
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his Photoshop design directory 
WT, is different, because it 
: beautifully presents current 
cutting-edge design. It also shows how 
each of the pieces were produced via 
practical, but not detailed, tutorials. 

The artists themselves are on-hand 
to guide you through every aspect of 
their work. They illustrate their 
influences and try to explain the theory 
that supports the finished pieces. 

The accompanying CD-ROM is 
comprehensive, containing not only the 
unflattened Photoshop files for you to 
experiment with, but also video 
interviews with some of the artists. The 
publisher eloquently sums up this 
book: “New Masters of Photoshop 
deconstructs sophisticated, complex, 
and astonishing Photoshop graphics, 
delivering motivation, skills and 
inspiration in equal parts.” 


Verdict 


SIRI 


Artistry 


Dp 


Authors 


Barry Haynes & 


Wendy Crumpler 


Photoshop 6 Artistry (5th Edition) 


his is the fifth edition of this 
nT essential Photoshop manual. If 
: you are looking for just one 
book that will show you the power of 
Photoshop, this is it. 

The overall quality of the book 
stands out. If you're a fan of the Wow! 
series, this book will also interest you. 
However, each page isn't as crammed 
with screenshots and images. This book 
distills just the information you need to 
know, and presents it in a concise, yet 
comprehensive, format that enables 
you to assimilate complex techniques. 
Most Photoshop manuals just show you 
how, but this book also shows you why. 

Intermediate-level users will gain 
the most from this book, because it will 
enable them to move their skills on into 
the professional realm. This is the best 
book on Photoshop that money can buy, 
and we highly recommended it. 


Verdict 


SI 


Work with Photoshop 


Adobe Photoshop Master Class 


John Paul Caponigro 


Publisher 


Adobe Press 


0201354993 


q (though this book features a lot 
HA of landscape photomontages, it 
goes further with the author's 
attempts to describe his method. 

After a very intense getting to know 
Photoshop chapter, which concentrates 
on the setting up and the manipulation 
of images down to individual pixels, 
you then move onto project work. 

This book illustrates how an artist 
uses Photoshop in his work. It also 
shows you how to control atmospheric 
perspective and direct attention in your 
images through focus. But, the author is 
light on the practical aspects of 


~ producing the effects, which could 


eave users floundering. 

The images of Caponigro are 
stunning and captivating. This book will 
enable you to step into the mind of a 
fine artist who uses Photoshop as his 
palette of choice. 


Verdict 
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Computer Arts Flash Special — 
COSB0022 

Tutorials on a host of Flashrelated 
topics, including: the designer's 
guide to XML; creating and editing 
sound clips, using a Flash 5 
scripting engine; rotational 
navigation; and how to set up a 
Generator server and add dynamic 
Flash content. Make your Flash life 
easier with a complete ActionScript 
reference and expert tips from 
Macromedia. We also profile rom 
and son, Broad Snout and Pesky. 
CD Demos of Flash 5, Director 8.5, 
Generator, FreeHand 10, 

Flash Typer, and 70+ source files. 


Issue 63 — Code CA063 

100 tips on creating better images 
CD Free Eye Candy 3.1 plug-in, 
SoftimagelXS/ demo. 


Computer Arts Photoshop 
Special - COSB0023 

We cover a whole range of 
Photoshop techniques from 
creating chrome and metal textures 
to blending using layer modes, 
cleaning scans, and optimising 
graphics for the Web. We also take 
a look at accurate skin matching in 
composite images and Magictorch 
explains how to give abstract 3D an 
extra twist. Plus, reviews of the 
best plug-ins, expert ImageReady 
tips, profiles and more. 

CD Demos of Photoshop 6, 
Cinema 4D XL 7, 70 plug-ins — 36 
for Mac, 34 for PC. 


Issue 64 — Code CA064 
FreeHand 8 free, photorealism 
CD FreeHand 8, LightWave 7 dual 
demo, Dreamsuite demo. 


Computer Arts Design for Print 
Special — COSB0026 

Anew and modern look at the 
whole area of designing for print - 
we take a look at QuarkXPress 5 
and InDesign 2, and key DTP apps 
and topics, including PDF: a guide 
to Acrobat, perfect cut-outs, the 
golden rules of graphic design, and 
preflighting. For quick reference, 
we've compiled 102 DTP tips, and 
reviewed 10 plug-ins and 
XTensions. Plus profiles of Glamour 
magazine and Beaver Design. 

CD 1000 free sample images from 
Hemera, 150 free fonts, XPress 4 
and InDesign 1.52 demos. 


Issue 65 — Code CAO65 
Film-making for the Web 

CD Deep Paint 3D 1.61 (PC), 
Swift 3D 2(PC), Flash 5 (dual). 


Computer Arts Complete Web 
Design — COSB0028 

Design an entire Website in our first 
‘concept’ issue involving some of 
the UK's finest new media talent, 
including Fictitious Egg, Freakish 
Kid, Sprite Interactive, Bigimpact TV 
and Computer Arts’ leading writers. 
You'll find tutorials and theoretical 
features on every aspect of site 
design from Web games, 
navigation, databases, graphics, 
layout, audio, 3D, streaming video 
and animation. 

CD AXxELeage 15, eight essential 
demos including Dreamweaver 4, 
Flash 5 and After Effects 5. 


Issue 66 — Code CA066 
Photoshop filters 


CD QuarkXPress 5 (dual), gmax 


(PC), PhotoStudio 4.0 (dual). 


2st of the world 


Computer Arts Master 
Illustration — COSB0029 
Acomplete guide for digital artists, 
including 101 tips for all 
professional illustrators and 
creative insight from this issue’s 
cover creators, The Designers 
Republic. You'll also find extensive 
features covering all aspects of 
illustration, including vector 
drawing. Plus, 45 pages of in-depth 
tutorials on FreeHand 10, 
CorelDRAW 10, Illustrator, Canvas 
6 and much more. 

CD A full version of Canvas 6, plus 
demos including /I/ustrator 9, 
FreeHand 10 and Photoshop 6. 


Issue 67 — Code CAO67 


Poser for Pros 


CD Poser 3 (dual), EditStudio 3.0 
(PC), PhotoStudio X (Mac). 


+44 (0) 1458 271108 


take out a subscription — see page 77 
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The Future Network produces carefully targeted 
specialist magazines and Websites for groups of 
people who share a passion, We aim to satisfy their 
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or deliver your copy of 
Computer Arts to your door 


every month. 
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Designed to see where 
other digital cameras can’t. 


Cyber-shot 


5. O MEGA PIXELS 
e 


Image Quality: Sony lead the world in CCD manufacture. The 5.2 megapixel 2/3” CCD chip delivers over five million 
effective pixels (the best measure of a CCD’s true Capability) for stunningly accurate picture quality. Picture quality that’s 


Leading Edge Design: The difference between the F707 and other digital cameras becomes apparent before you even 
take your first shot. Its lens rotates through 113°; allowing you to take shots other cameras only dream of, while the 
electronic viewfinder and LCD screen let you frame your shots any way you want to. And if you want to get closer, the 
Macro AF delivers clear images from as close as 2cm away. But wherever you point it, the 5x optical zoom Carl Zeiss 
Vario Sonnar lens (F2.0-2.4) itself is a thing of beauty, delivering superbly sharp, distortion-free images. All this in a 
magnesium die-cast body that’s every bit as robust as it is light. 


Creative Control: While the technology behind the F707 is decidedly cutting edge, getting the results you want couldn’t 
be any easier. The ingenious jog dial control lets you select shutter and aperture priority. Or go to full manual mode to choose 
your own exposure and field depths. Choose from spot, centre-weighted or multi-pattern light metering to get the perfect shot 
whatever the lighting. Or select from a range of pre-set scene options and effects - all with a simple flick of your finger. 


Advanced Features: Nightframing and Nightshot bypass the infra-red filter, allowing you to literally see in the dark. And 
with the ability to shoot up to three shots in rapid succession, the unique burst mode from Sony ensures you'll never miss 
“a moment of the action. But because today’s photography means more than just taking pictures, the F707 makes the 
most of Sony Memory Stick technology. With the supplied 16Mb Memory Stick you can easily transfer images from camera 
to PC to virtually any electronic media imaginable. And with a Sony Stamina battery that delivers a fantastic 2500 shots 
or 2.5 hours use per charge, the F707 does more than simply see where others can't. It goes when other cameras won't. 


= *16mb Memory Stick supplied. Sony and Memory Stick are registered Seng N Y 
Memory Stick WWW. sony.co.uk trademarks and Cyber-shot is a trademark of Sony Corporation, Japan. 


MORE GREAT PRINTING 
SOLUTIONS FROM XANTE: 


XANTE ACCEL-A-WRITER 3N/3NG 


Office and Network Printing 
Resolutions up to 1200 dpi 
Output up to 330mm x 469mm 
Graphics Kit: Densitometer Support, 
Halftone Calibration and X-ACT 


RRP from..... a 399” 


XANTE FILMMAKER 


STAR RATING 


KEK IKK 


Computer to Film Technology 
Resolutions up to 2400 dpi 
Output up to 330mm x 900mm 
Prints clear and matt film 
Advanced options for film users 


RRP from.......... £3299" 
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XANTE COLOURLASER 


XANTE COLOURLASER 21 
XANTE'S new ColourLaser 21 combines the quality and reliability of XANTE's colour expertise 


with ultra high speed printing - resulting in the perfect colour workhorse solution. Finally — great 
colour at a great speed! Just take alook at what you ll receive with the XANTE ColourLaser 21: 


Photo Quality Colour Output 


High volume, high performance XANTE's colour management Resolutions up to 1200 dpi 
Oversized printing up to305mm x 900mm Low cost-per-page Output up to 330mm x 482mm 
Optional duplexing capabilities 21 colour pages per minute XANTE's colour management software 
Genuine 1200 x 1200dpi 26 mono pages per minute Fast RISC processing 
Genuine Adobe PostScript Level 3 RIP And much more! Pantone Calibrated 

RRP from......... £5999" RRP HOM enero LOD 


Enter online for your chance to win a FREE ColourLaser 21!! - www.xante.com 
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